Einfache und überzeugende JavaScript-Bildeffekte mit jQuery-Plugins

Vorschaubilder mit dem Lightbox-Effekt vergrößern

∅ 4 / 4 Bewertungen

Vorschaubilder mit dem Lightbox-Effekt vergrößern

Auf dieser Seite

Als nächstes Beispiel sehen Sie, wie Sie Vorschaubilder über den Lightbox-Effekt vergrößern: Klickt der Benutzer auf ein Bild, wird das Bild langsam vergrößert und die restliche Webseite leicht abgedunkelt.

64864_64789_lightbox_demo.jpg

Bilder lassen sich effektvoll über das Lightbox-Plugin vergrößern.

Wahlweise können Sie den Lightbox-Effekt am "bewegten" BeispielAnzeigen ansehen.

Das Einbauen der Lightbox geht ganz ähnlich wie beim Cycle-Plugin. Allerdings müssen Sie einige vorgefertigte Dateien mehr einbinden - neben den JavaScript-Dateien brauchen Sie auch eine CSS-Datei und außerdem einen Unterordner mit den Navigationsbuttons.

Um das Lightbox-Plugin auszuprobieren, benötigen Sie Ihre Bilder in zwei Größen: als kleine Vorschaubilder und als größere Bilder.