Bildergallerie mit Lightbox

Ich habe eine Applikation in Intrapact gebaut welche die Lightbox JS Bibliotheken verwendet. Mit diesen eingebundenen Bibliothekesklassen und ein paar Anpassungen in der Intrapact Applikation ist es möglich Bilder auf eine interaktive Reise zu schicken die sich in einer Slideshow wiederfinden.

Applikation:
1. Generieren Sie die Felder wie Bildtitel, Bild, Bildgruppierung (Hier können Sie alle Felder anlegen die Sie innerhalb dieser Applikation benötigen)
2. Erstellen Sie eine neue globale Ansichtsseite welche mit einem include file versehen ist.
3. Betten Sie in dieser Seite die Lightbox Bibliotheken ein
4. Nun kann mittels DB Abfrage eine Schleife auf alle DB Einträge erstellt werden, diese können anschliessend mit dem a-Tag ausgegeben werden. Mit dem rel-Tag wird die Lightbox Funktionalität aufgerufen.

<a href=”<%=l_strPictrure%>” rel=”lightbox[<%=l_strGruopName%>]” 
       title=”<%=l_strPictureTitle%>”>
<img src=”<%=l_strPictrure%>” name=”img” height=”50″ width=”50″ >
</a> 

Gruppierung der Bilder:
Ist eine Gruppierung der Bilder erwünscht so muss nur der Zusatzhinweis im rel-Tag nachgefasst werden.
rel=”lightbox” –> keine Gruppierung der Bilder
rel=”lightbox[Gruppenname]” –> Gruppenname der Bilder

Leave a Reply

Your email address will not be published. Required fields are marked *