Magazin für digitale Arbeit & Kultur
Design

5 Kostenlose jQuery-Plugins für Bildergalerien und Slideshows

admin
#jquery plugins

Die freie und umfangreiche JavaScript-Klassenbibliothek jQuery eignet sich gut zum Aufpolieren einer Website. Vor allem die Erweiterbarkeit durch zahlreiche freie Plugins kann Webdesignern, die ihre Seite grafisch aufwerten möchten, sehr entgegenkommen.

Plugins zur Einbindung von Bildergalerien oder Slideshows findet man im Netz en masse. Nachfolgend stellen wir Euch in fünf Beispielen einige der Möglichkeiten vor, die jQuery bietet.

  • Accordion Gallery
  • Dieses Plugin eignet sich gut zum Einbinden von Bildern oder ganzen Galerien. Unterstützt werden Websites auf WordPress-, HTML- und joomla-Basis. Die Bilder, die in folgendem Beispiel wie ein Akkordeon angeordnet sind, können vom Webdesigner auch horizontal ausgerichtet werden.

    jquerycss.com
    jquerycss.com
  • Galleria
  • Die Galleria-Galerie lässt sich einfach einbinden, hat eine ansprechende Optik und eignet sich sowohl für mobile Websites als auch für das normale Web.

    galleria.io
    galleria.io
  • Cover Flow
  • Mit Cover Flow können Slideshows erstellt werden, die an Apples Cover Flow Design erinnern. Das typische Apple-Design findet überwiegend in iTunes Verwendung.

    jquerycss.com
    jquerycss.com
  • prettyPhoto
  • prettyPhoto ist ein sehr funktionales jQuery Plugin. Es unterstützt neben Bildern auch Videos, Flash, YouTube, iframes und ajax.

    no-margin-for-errors.com
    no-margin-for-errors.com
  • slideviewer
  • slideViewer ist ein leichtgewichtiges Galerie-Plugin, in das sich Bilder bereits durch wenige Zeilen HTML Code als “unordered list” einbinden lassen.

    gcmingati.net
    gcmingati.net
Über den Autor
Kommentare

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>