Lytebox v5

Tutorials von Thomas Frei-Herrmann

Lytebox Version 5.1 bis Version 5.5

Einzelnes Foto - Eichhörnchen zum Drucken und Box wird nur am Symbol geschlossen. Hibiskus Titel und Symbole oben und Download

Gruppe von Fotos - wenn Ihr zuerst auf das 2. Foto Hibiskus klickt, ist ein “Alert-Fenster” vorgeschaltet

Gruppe von Fotos als Diashow - diese Diashow schließt beim letzten Foto automatisch

Gruppe von 6 Fotos als Diashow hinter einem Piktogramm - diese Diashow schließt nicht automatisch und hat eine zusätzliche Navigation

Link zu Wikipedia im Lyteframe

als Gruppe mit der YouTube Seite

Wikipedia

... oder auch zu YouTube

als Gruppe mit der Wikipedia Seite

YouTube Video

... oder zu einer internen Seite

als einzelne Seite

Interne Seite

... oder auch ein Link zum NOF-Forum im Lyteframe beim Klick auf das Bild

Tooltip-Box Beispiele der Lytebox  - der Stil der Boxen lässt sich in der Datei “lytebox.css” ändern.

Classic Box

 

Info

 

Titel

 

Warnung

 

Fehler

 

Lytebox öffnet sich mit Klick auf irgendeine Stelle in diesem DIV-Container, außerdem habe ich in der Box einen Link gesetzt.


Mit Klick
in irgendeinen Bereich
von diesem DIV-Container
wird die Lytebox gestartet
.

... und noch zwei Beispiele der vielen neuen “Library Functions”. Hier zum Aus- und Einblenden eines Bildes ...

ausblenden    einblenden

roten Text hervorheben

blau und kursiv hervorheben

grün unterstrichen hervorheben

... und hier soll sich dieser Text mit Klick auf einen der Buttons oben in die jeweilige Class ändern. Dieser Bereich wird mit Klick auf den entsprechenden Button dann z.B. auch rot und der folgende Bereich könnte dann auch in blau kursiv hervorgehoben werden. Man kann also mit dieser Idee bestimmte Textpassagen hervorheben, wie z.B. auch diesen grünen und unterstrichenen Bereich

Hier noch ein Beispiel, wie Ihr dem Lytebox-Textlink eine eigene CSS Link-Class geben könnt

Foto Eichhörnchen

Hier die Lytebox mit einem automatischen Start beim Aufruf der Seite.

Guckt Euch auch die Lytebox Version 5.5 als SwissKnife for NOF - Komponente mal an.

nach oben

diese Seite weiter empfehlen



Counter Statistik