« Zurück

VRGR snippet

Version:
0.2
State:
Beta
Release Date:
2021/03/02
License:
GPL
Authors:
florian
Description language:
EN | DE
Description EN:
vrgr (from german "vergrößern", enlargement) makes it more easy to add a colorbox effect to images included in other contents.
In the CKEditor, just add "vrgr" at the class definitions of the image. Thus, clicking on the image in the frontend will show the image in original size in the colorbox.

You can use vrgr on a page as often as needed and it can be combined with other CSS classes for image resizing / positionining.

Requirements:
  • colorbox outputfilter or colorbox module (one of this is installed by default)
  • the image is resized by CSS, e.g. the snippet is just able to show the same image as added to the content, e.g. with vrgr it's not possible to use image A for the preview and image B for the full view (in this case you need to stick to the manual way of creating a lightbox)
Description DE:
vrgr (von Vergrößern) macht es sehr einfach, vergößerbare Bilder im Content einzufügen. Bei den Bildeigenschaften > Formatvorlagenklassen vrgr hinzufügen, schon öffnet im Frontend ein Klick auf das Bild eine Colorbox mit dem Bild.

vrgr kann beliebig oft auf einer Seite verwendet werden und mit anderen Klassen zur Bildskalierung/-positionierung kombiniert werden.

Voraussetzungen:
  • Colorbox-Outputfilter oder Colorbox-Snippet muss installiert sein (eins von beiden ist standardmäßig vorhanden)
  • Für Vorschau und Großansicht wird das selbe Bild verwendet, d.h. mit diesem Snippet ist es nicht möglich, Bild A als Vorschau und Bild B als Großansicht zu hinterlegen - das muss dann wie bisher manuell eingerichtet werden.
Slider picture