Lytebox Flash-Galerie-Beispiel


Für das Tutorial zu dieser Lightbox-Variante guckt bitte auf der Seite von "Panda" und weitere Beispiele, wie auch Lyteframe unten.

• ... oder auch ein einzelnes Foto hinter diesem Text-Link

• Oder auch mit der “Lyteframe” Variante zu anderen Seiten
  
  ... z.B. zu einer externen Seite wie: Google
  
  ... oder z.B. zu einer internen Seite wie meinem Kontakt-Formular

Für das “Lyteframe-Fenster” schreibt Ihr in die Objekt-HTML “In dem Link”

anstelle von...

rel="lytebox" title="Dein Titel hier"

... eben nur “lyteframe” und die Breite und Höhe vom Fenster eingeben:

rel="lyteframe" title="Dein Titel hier" rev="width: 600px; height: 500px; scrolling: auto;"

• ... oder auch ein einzelnes Foto, hinter dem sich weitere Fotos verbergen
      das letzte Foto “Eichhörnchen”, im Beispiel unten, kann man auch downloaden. Erklärung dafür hier

Im Beispiel oben verlinkt Ihr das 1. Foto (hier “garten001.jpg”) ganz normal mittels “Datei-Link”. Dann klickt Ihr in diesem Fenster “Link” unten auf den Button “HTML”.
Achtet darauf, dass der ['Guppenname'] hier ['garten'] immer gleich sein muss. Wollt Ihr einzelne Bilder darstellen, lasst Ihr den ['Guppennamen'] einfach weg.

In die “Objekt-HTML” von diesem Link gehört dann:

“In dem Link” (NOF 11 “innen”)

rel="lytebox['garten']" title="Peonie<br><br>klicke auf die rechte Seite des Bildes um fortzufahren"

“Nach dem Link” (NOF 11 “nachher”)

<a href="../assets/images/lytebox/garten/garten002.jpg" rel="lytebox['garten']" title="Tulpe"></a>

<a href="../assets/images/lytebox/garten/garten003.jpg" rel="lytebox['garten']" title="Rhododendron und Goldregen"></a>

<a href="../assets/images/lytebox/garten/garten004.jpg" rel="lytebox['garten']" title="Sonnenhut"></a>

<a href="../assets/images/lytebox/garten/garten005.jpg" rel="lytebox['garten']" title="Margerite"></a>

<a href="../assets/images/lytebox/garten/garten006.jpg" rel="lytebox['garten']" title="Hibiskus"></a>

<a href="../assets/images/lytebox/garten/garten007.jpg" rel="lytebox['garten']" title="Sternmagnolie"></a>

<a href="../assets/images/lytebox/garten/garten008.jpg" rel="lytebox['garten']" title="Klatschmohn"></a>

<a href="../assets/images/lytebox/garten/garten009.jpg" rel="lytebox['garten']" title="Hibiskus"></a>

<a href="../assets/images/lytebox/garten/garten010.jpg" rel="lytebox['garten']" title="unser Eichhörnchen &#8220;Erwin&#8221;"></a>

Wollt Ihr, anstatt manuell zu blättern, lieber eine Dia-Show, dann ersetzt Ihr ...

rel="lytebox['garten']"

... an allen Stellen mit:

rel="lyteshow['garten']"

... für einzelne Fotos lasst Ihr den Gruppennamen einfach weg:

rel="lytebox"

Bemerkung: Die HTML Zeichencodierung &#8220; und &#8221; stellt Anführungsstriche dar.

nach oben

... und hier ein weiteres Beispiel, die Visual Lightbox, die ein kleines Programm ist und Euch (fast) die gesamte Arbeit abnimmt.


... oder auch hier eine Variante von paby in der bereits alle Skripte eingebaut sind und zusätzliche eine Administrator-Seite zum Verwalten der Foto-Galerien.



Weitere Beispiele und andere Varianten findet Ihr hier

Download Lytebox

zurück