WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 27.02.2021 09:03:17

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)


Nicht ärgern. Nur wundern.

Offline

Liked by:

byteworker, klawin, dorfli0211, better-work, riconico, rheo, bernhardeis, berny

#2 01.03.2021 10:53:37

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

Offline

#3 01.03.2021 11:44:57

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)


Nicht ärgern. Nur wundern.

Offline

Liked by:

better-work

#4 03.03.2021 08:36:16

florian
Administrator

Re: vrgr: Colorbox-Bilderzoom aus CSS-Klasse


Nicht ärgern. Nur wundern.

Offline

#5 01.09.2022 19:21:35

bernhardeis
Member

Re: vrgr: Colorbox-Bilderzoom aus CSS-Klasse

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

Offline

Liked by:

florian

#6 01.09.2022 22:32:15

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)

Online

Liked by:

florian

Board footer

up