Einfache und überzeugende JavaScript-Bildeffekte mit jQuery-Plugins

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

Galleria für schöne Bildergalerien

HTML-Basis

Wir beginnen mit der HTML-Basis. Sie definieren einen umfassenden Container und in diesem platzieren Sie eine ungeordnete Liste, der Sie eine Klasse geben. In den einzelnen Listenpunkten stehen Ihre Bilder - die großen Bilder. Vergeben Sie außerdem passende alt- und title-Texte!

<div id="container">
<ul class="gallery_demo">
  <li><img src="bilder/bild2.jpg" alt="Leuchtturm" title="Leuchtturm"></li>
  <li><img src="bilder/bild3.jpg" alt="Regenbogen" title="Regenbogen"></li>
  <li><img src="bilder/bild4.jpg" alt="Br&uuml;cke" title="Br&uuml;cke"></li>
  <li><img src="bilder/bild5.jpg" alt="Steine" title="Steine"></li>
  <li><img src="bilder/bild6.jpg" alt="Allee" title="Allee"></li>
  <li><img src="bilder/bild7.jpg" alt="Im Wald" title="Im Wald"></li>
  </ul>
</div>

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