Webseiten zeichnen sich immer mehr durch Bewegung aus. Im Trend liegen unter anderem so genannte Slider. Realisiert werden diese mit JavaScript, oft in Form von jQuery.
Diese jQuery Slider lassen sich für vielerlei Zwecke einsetzen. Auf der Startseite einer Homepage kann man einen Slider nutzen, um Inhalte anzuteasern. Oder man setzt den Slider für die Präsentation von Projekten, Produkten und ähnlichem ein.

Die jQuery Slider funktionieren im Regelfall alle identisch. Es gibt einen sichtbaren Bereich, in dem die Inhalte wie Bilder oder Text durch “Slides” gewechselt werden. Der neue Inhalt schiebt sich in den sichtbaren Bereich und verdrängt den zuvor gezeigten.
Die Ausstattung der Slider unterscheidet sich nur geringfügig. Die meisten jQuery Slider bringen einen “Vor-” sowie “Zurück-Button” mit und zeigen den aktiven Inhalt in einer kleinen Indexanzeige. Funktional ist ebenfalls wenig Spielraum, sodass man den jQuery Slider eher nach dem gewünschten Feeling auswählen kann.

Es gibt auch Slider, die auf anderen Techniken basieren. Allerdings überwiegen die JavaScript basierten Varianten, die zudem als jQuery Slider ausgelegt sind. Aus diesem Grund konzentrieren wir uns an dieser Stelle darauf und haben eine Liste von jQuery Slidern zusammen getragen.

jQuery Slider
Agile Carousel - jQuery Plugin
Animate Panning Slideshow with jQuery
AnythingSlider jQuery Plugin
Automatic Image Slider
AviaSlider - jQuery slideshow plugin
Beatiful jQuery Slider Tutorial
Coda Slider Effect | mehr Infos
Coin Slider: jQuery Image Slider Plugin
Easy Slider 1.7 - Numeric Navigation jQuery Slider
Fancy Sliding Form with jQuery
Slick and Accessible Slideshow Using jQuery
JFLOW PLUS jQuery Plugin
Orbit: jQuery Image Slider Plugin
simpleSlide - jQuery slideshow plugin
Slides - A Slideshow Plugin for jQuery
Start/Stop Slider
supersized - jQuery Plugin

2 Kommentare zu " Image und Content jQuery Slider "

alovilla said,  

Danke. Ich liebe jQuery.

Frederik said,  

Schöne Zusammenstellung der Links! Endlich auch mal eine Liste die nicht nur Links enthält, die auf Kostenpflichtige Seiten weiterleiten.

Danke dafür!

Kommentieren

  Name (Pflichtfeld)

  E-Mail (Pflichtfeld)

  Webseite

Beachte: Die Komentare erscheinen nicht direkt. Sie werden durch den Moderator
freigeschaltet.