Stylemotion.de Forum » apexx » Konzepte & Codeschnipsel
Lightbox für die apexx-Galerie
Seiten (6): 1 2 3 4 5 6 »  
Autor Beitrag
 
Christian Scheb
Stylemotion.de (Entwickler)
Lightbox für die apexx-Galerie
Im folgenden wird erklärt, wie man das Lightbox-Script in apexx integrieren kann. Mit diesem Script lassen sich bei Bildern sehr einfach schöne Popups im "Web2.0-Style" erzeugen.

Es wird mindestens Version 1.5.2 benötigt, damit dies funktioniert!

------

1) Laden Sie sich das Lightbox-Script herunter.

2) Laden Sie die Dateien auf den Webserver.

3) Integrieren Sie die Javascript-Dateien und die Lightbox-spezifischen CSS-Definitionen in Ihre apexx-Website. Es ist zu empfehlen, den Code in der templates/default/design_default.html zu platzieren. Eine Anleitung dazu finden sie hier.

4) Nun müssen Sie Lightbox mit der Galerie verbinden. Dazu bearbeiten Sie das Template templates/default/gallery/gallery.html. Bei der Auflistung der Thumbnail-Bilder schreiben Sie nun:

Code:
1
2
3
4
5
6
7
8
9
{list PICTURE}

[...]

<a href="{PICTURE.FULLSIZE}" rel="lightbox"><img src="{PICTURE.IMAGE}" /></a>

[...]

{/list}


5) Das Lightbox-Popup sollte nun funktionieren.
Christian Scheb ist offline  
 
Freestate
Kunde (Support beendet)
Das nutze ich schon einige Zeit .... funktioniert einwandfrei

Man muss nur aufpassen, das Lightbox erst dann funktioniert wenn die Seite komplett geladen ist.
Je nach dem wieviele Thumbnails geladen werden müssen, kann es dann schonmal sein das eine Klick direkt aufs Bild, statt auf das Lightbox Script losgeht.
Freestate ist offline  
 
Nils Bergenthum
Stylemotion.de (Supporter)
Also ich hab das Script ausprobiert und bekomme promt im IE 7 ne Fehlermeldung, welche das Laden der Seite stoppt.
Nils Bergenthum ist offline  
 
Steeef
Kunde (Support beendet)
Dankesehr, genau das, was ich gesucht habe.
Steeef ist offline  
 
plex
Kunde (Support beendet)
Ich habe eine Lösung für das Lightbox-Problem mit dem IE gefunden.

Wenn man die Scripts nicht gleich im Header, sondern erst direkt im Gallery-Template einbindet, wird das Laden der Seite nicht mehr abgebrochen und Lightbox funzt trotzdem reibungslos.

Zudem kann man mit dem Anhängen von [{PICTURE.GALLERY_ID}] hinter dem rel-Verweis die Bilder gruppieren.

Hier anhand der randompics.html:
HTML-Code:
1
2
3
4
5
6
7
<script type="text/javascript" src="scripts/prototype.js"></script>
<script type="text/javascript" src="scripts/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="scripts/lightbox.js"></script>

{list PICTURE}
<a href="{PICTURE.FULLSIZE}" rel="lightbox[{PICTURE.GALLERY_ID}]"><img src="{PICTURE.IMAGE}" alt="{PICTURE.CAPTION|notags}" title="{PICTURE.CAPTION|notags}" /></a>
{/list}
plex ist offline  
 
Drachmann
Kunde (Support beendet)
Hi,

ich habe es nach dem Tutorial verbaut und testweise auch noch andere Lightboxen probiert. Ich habe leider bei allen eingebauten Lösungen das Problem das die Einträge der Bilder doppelt gezählt werden.

Ich habe zb. 3 Bilder innerhalb eines Artikels oder auch einer Modulbox, aber die Lightbox zeigt mir ständig das doppelte, in dem Fall 6 Bilder, an und lässt mich demzufolge auch 6x auf *Weiter* drücken und wiederholt die Bilder entsprechend.

Hat schonmal jemand das selbe Probem gehabt? Bzw. gibt es vielleicht eine Lösung dafür?
(wenn ich das Script ohne Apexx teste, zählt er normal)

Einbinden tue ich das ganze zb. so:
Code:
1{if POPUP}<a rel="example_group" href="{FULLSIZE}">{/if}<img src="{PICTURE}" alt="{TEXT}" {if ALIGN} style="float:{ALIGN}"{/if} />{if POPUP}</a>{/if}


Danke!
Drachmann ist offline  
 
Christian Scheb
Stylemotion.de (Entwickler)
Wird das Lightbox-Script evtl. 2x im Quelltext eingebunden?
Christian Scheb ist offline  
 
Drachmann
Kunde (Support beendet)
Aiai das war die Lösung, Danke!
Ich habe beim Umbau den Bereich {CONTENT} zu Testzwecken zwei mal drin gehabt.
Danke für den Gedankenstoss, nun läuft es einwandfrei. :)
Drachmann ist offline  
 
NoX-Himself
Kunde (Support beendet)
Einfach klasse! Funktioniert auch mit den Usergalerien
NoX-Himself ist offline  
 
Ecstasy
Kunde (Support beendet)
Gab es denn nicht mal einen Auto Resizer Addon dafür? Wäre sehr sinnvoll
Ecstasy ist offline  
Seiten (6): 1 2 3 4 5 6 »  
 
Suche Optionen
» Erweiterte Suche
Druckansicht Druckansicht