Einfache und überzeugende JavaScript-Bildeffekte mit jQuery-Plugins

Von: Dr. Florence Maurice
Stand: 12. März 2010
5
(3)
Anmelden um Kommentare zu schreiben

Vorschaubilder mit dem Lightbox-Effekt vergrößern

HTML-Basis

Beginnen wir mit dem HTML-Code. Erstellen Sie zuerst einen Container in Ihrem HTML-Dokument, in dem Sie Ihre Vorschaubilder platzieren. Um diesen später eindeutig ansprechen zu können, versehen Sie ihn mit einer id:

<div id="meinegalerie">
</div>

In diesen Container kommen die Vorschaubilder. Jedes Vorschaubild steht dabei selbst wieder innerhalb eines Links, der auf das große Bild verweist. Im Beispiel heißt das große Bild bild1.jpg und das kleine Vorschaubild entsprechend bild1_k.jpg.

Diese Seite ist für Mitglieder von akademie.de reserviert.

Möchten Sie die Mitgliedschaft 14 Tage kostenlos testen und den Beitrag komplett lesen?

Oder möchten Sie zunächst mehr über diesen Beitrag erfahren und die Leseproben sehen?

Ich bin bereits Mitglied
Jetzt Probemitglied werden
Ich kann in den 14 Tagen Probezeit formlos z.B. per E-Mail stornieren. Wenn ich das nicht tue, entscheide ich mich für ein