WBCE CMS Forum

florian

Administrator

vrgr: Colorbox-Bilderzoom aus CSS-Klasse

Bislang musste man ja folgende Schritte vollziehen, um ein vergrößerbares Bild im WYSIWYG einzufügen:

1. Bild-Dialog öffnen

2. Ggfs. Bild hochladen

3. Ggfs. weitere Anpassungen vornehmen (CSS-Klasse, Bildgröße / -ausrichtung o.ä.)

4. Mit Klick auf OK Bild einfügen

5. Bild nochmal anklicken

6. Link-Dialog öffnen

7. Auf "Server durchsuchen" klicken

8. Bild auswählen

9. Bei Link-Eigenschaften Klasse "colorbox" eintragen

10. Mit Klick auf OK Link einfügen

(Hier dargestellt)

Vorausgesetzt, dass als Vorschaubild das selbe Bild wie für die Großansicht verwendet wird, geht das, sobald das Snippet "vrgr" (wie "vergrößern") installiert ist*, deutlich einfacher:

1. Bild hochladen

2. Erweiterte Bild-Eigenschaften: Im Feld Formatvorlagenklassen "vrgr" ergänzen

3. Ggfs. weitere Anpassungen vornehmen (zusätzliche CSS-Klasse, Bildgröße / -ausrichtung o.ä.)

4. Mit Klick auf OK Bild einfügen

Filmchen zur Verdeutlichung

Es können mehrere Bilder auf der Seite "vrgr-bar" sein, ebenso kann es natürlich auch nicht vergrößerbare Bilder geben (die dann einfach die vrgr-Klasse nicht haben). Interferenzen mit anderen Galeriescripten sollte es auch nicht geben.

* D.h. man installiert das Snippet, arbeitet aber weiter wie gewohnt im CKEditor - das Snippet fügt dann nur im Frontend ein bisschen Javascript ein und triggert den Colorbox-Outputfilter.

Last edited by florian (27.02.2021 09:06:17)

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.

better-work

Member

Re: vrgr: Colorbox-Bilderzoom aus CSS-Klasse

Vielen Dank, funktioniert Super!
Wäre es noch möglich der Colorbox beizubringen, die Titelbeschreibung als Bildunterschrift zu verwenden?
(Bei der vergrößerten Version des Bildes natürlich nur)

---

Gruß Jörg

florian

Administrator

Re: vrgr: Colorbox-Bilderzoom aus CSS-Klasse

guter Hinweis, ist in angefügter Version 0.2 eingebaut (Achtung: es wird nur das Titel-, nicht das Alt-Attribut verwendet)

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.

florian

Administrator

Re: vrgr: Colorbox-Bilderzoom aus CSS-Klasse

Ist jetzt auch im AOR:
https://addons.wbce.org/pages/addons.ph … m&item=155

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.

bernhardeis

Member

Re: vrgr: Colorbox-Bilderzoom aus CSS-Klasse

Super, Danke für diese tolle und einfache Lösung

westerwaelder

Member

Re: vrgr: Colorbox-Bilderzoom aus CSS-Klasse

Danke, installiert und funktioniert, eine Erleichterung die auf Anhieb mir gefällt!

Mit lesen im Forum immer wieder eine Möglichkeit zum lernen. Auch fürs Danke sagen wichtig!

Last edited by westerwaelder (01.09.2022 22:40:00)