Frage/Problem mit Fancybox

[photojo]

Hi,

das Standard-Template des CP Bilder <div> liefert mit {IMAGE} im Quelltext in etwa

Code: Select all

<div class="grid-item imageEntry first last row1 slide0 num1" id="img0">		
  <a href="content/images/dcfa6fd13567aee045454a4f295abe87.jpg" rel="lightbox[VG8LJ]" data-gallery="1" data-gallerygroup="VG8LJ" title="norwegen_02.JPG" class="image-lightbox">    
    <img src="content/images/e90927060c589a8984e95151326444d4.jpg" data-image-ext="jpg" data-image-id="4" data-image-hash="f67427bacaaaa661f9114d632bcf089c" width="1200" height="676" alt="norwegen_02.JPG" class="image-thumb" /></a>   		
  <p>norwegen_02.JPG
  </p>	
</div>

In meinem eigenen Template habe ich folgenden Code

Code: Select all

<div class="grid-item"><a class="image-lightbox"  href="{THUMB_REL}" rel="lightbox[VG8LJ]" data-gallery="1" data-gallerygroup="VG8LJ"><img src="{THUMB_REL}" /></a> </div>

wobei

Code: Select all

 rel="lightbox[VG8LJ]" data-gallery="1" data-gallerygroup="VG8LJ"

von mir ins Template geschrieben wurde. So funktioniert das Ganze. Allerdings möchte ich das vom System erledigen lassen, damit ich mehrere CP dieser Art auf der gleichen Seite nutzen kann. Wie löst man das?

[Old Boy]

Hast du mal versucht:

rel="lightbox[group{ID}]" data-gallery="1" data-gallerygroup="group{ID}"

Bei der "1" weiss ich jetzt nicht, ob die auch mit einem {ID} ersetzt werden kann/sollte/muß ???

[Oliver Georgi]

Das Leben kann so einfach sein!
https://github.com/slackero/phpwcms-ext ... s-fancyBox

Und wenn doch Gruppierung über data-Attribut benötigt wird: {ID}

[photojo]

@oldboy: Danke für den Tipp mit group{ID}. Das klappt.

@oliver: Klar habe ich "deine" FencyBox genommen. Sie geht ja auch. Nur habe ich es mit {IMAGE} und anderen Tags nicht geschafft, im FE eine Ausgabe wie

Code: Select all

 <a class="fancybox" rel="some-gallery-name" href="images/norwegen_07.JPG"><img src="images/norwegen_07.JPG" /></a>

zu erzeugen.

Im Template habe ich jetzt folgendes:

Code: Select all

<a class="image-lightbox"  href="{THUMB_REL}" rel="lightbox[group{ID}]" data-gallery="1" data-gallerygroup="group{ID}"><img src="{THUMB_REL}" /></a>

Jetzt klappt alles.

Wäre nur noch schön zu wissen, ob es noch "elagenter/einfacher" geht?

[Oliver Georgi]

Auf Zoom prüfen, und tatsächlich das große Bild und nicht identisches kleines Bild nehmen, sonst Fancybox überflüssig, alt-Attribut nie vergessen.

Code: Select all

[ZOOM]<a class="image-lightbox" href="{IMAGE_REL}" rel="lightbox" data-gallery="1" data-gallerygroup="group{ID}">[/ZOOM]<img src="{THUMB_REL}" alt="{IMGNAME}" />[ZOOM]</a>[/ZOOM]

[photojo]

Vielen Dank!

[Oliver Georgi]

Hatte gerade noch mal geschaut, das System macht das doch vollkommen selbständig mit den Einstellungen. Hier steckt bereits alles drin, was Du benötigst, inkl. Zoom:

Code: Select all

[IMAGE]{IMAGE}[/IMAGE]

Und wenn doch Custom Bild, dann:

Code: Select all

[LINK]{LINK}[/LINK]<img … >[/LINK]</a>[/LINK]

[photojo]

Möchte nicht gleich einen neuen Thread öffnen und ja ich weiß, das ist keine CSS-Forum, dennoch stelle ich Frage hier.
Wie bekomme ich die Fancybox "fullscreen"?

[Oliver Georgi]

Im Netz selbst suchen, per Default nicht möglich. Auch kein CSS-Thema alleine.
http://blog.aerisnetwork.com/en/2012/04 ... i-support/

Es ist aber die falsche Galerie für diese Zwecke. Ich nutze andere Technik, die Fancybox ist outdated… http://www.saleg.de

[photojo]

Ja, genau. Sowas bräuchte ich. Hast du "Sache" mit den Bildern selbst programmiert oder gibt es da "fertige" Scripte?

[Oliver Georgi]

Alles selbst adaptiert, gibt dann natürlich Scripte – aber zum Teil nicht ganz trivial anzuwenden

[photojo]

Nicht trivial - dann ist das genau das richtige für mich.
Ich suche mal nach einer "fertigen" Alternative zur FancyBox

[update]

Da wäre ich auch interessiert