jQuery Slider: 6 kostenlose Responsive Plugins

Diese SjQuery Slider bieten Responsive-Support

Hier eine Auswahl von sechs kostenlosen Plugins mit Responsive-Support, die sich einfach einbinden lassen.

1. ResponsiveSlides.js

Das kleine jQuery Plugin erstellt einen responsiven Slider auf Basis von Elementen in einem Container. Es hat zwei Modi: Entweder werden die Bilder automatisch per Fade gewechselt oder es agiert als Responsive Image Container mit Paginierung und/oder Navigation für einen Fade zwischen den einzelnen Slides. Das Plugin arbeitet mit einer breiten Palette an Browsern zusammen, inklusive aller Internet-Explorer-Versionen ab IE6. Auch CSS max-width Support ist enthalten. Die einzige Voraussetzung ist jQuery (Version 1.6 und höher) und dass alle Bilder die gleiche Größe haben. Die Dateigröße liegt bei nur 1,4 KB. Finden kannst du das Plugin hier.

Screenshot http://responsiveslides.com

2. FlexSlider

Das jQuery Slider Toolkit FlexSlider richtet sich an erfahrene Entwickler, aber auch Einsteiger kommen damit zurecht. Es unterstützt alle wichtigen Browser, bietet horizontale und vertikale Slide- und Fade-Animationen, mehrfach Slider-Support, Callback API sowie einen Hardware-beschleunigten Touch Swipe Support. Hier geht’s zur Seite des Anbieters.

Screenshot http://www.woothemes.com/flexslider/

3. Modern Slide In

Dieser eher minimalistisch gehaltene Responsive Slider setzt auf CSS Transitions und eignet sich vor allem für Produktpräsentationen. Er funktioniert auf Desktop, Tablet und Mobile. Die Slides gleiten von rechts herein, bei einem Slide-Wechsel wird das verschwindenden Slide per Fade ausgeblendet. Dank Touch Support kann man auch mit dem Finger zwischen den Slides wechseln. Mehr Infos zum Slider gibt es hier auf der Seite des Anbieters.

Screenshot http://www.sequencejs.com/themes/modern-slide-in/

4. SlidesJS

SlidesJS ist ein responsives Slideshow-Plugin für jQuery 1.7 und höher. Es unterstützt Touch und CSS3 Transitions. Dank einfacher Einbindung erzielen damit auch Einsteiger gute Ergebnisse.

Screenshot http://slidesjs.com

5. jQuery Slider Shock

Dieser responsive jQuery-/WordPress-Slider bietet sehr viele unterschiedliche Konfigurationsmöglichkeiten. An Bord sind Effekte für das Überblenden und es gibt Thumbnails und 3D Animationen. Eines der interessantesten Features ist „Multiple Data Sources“. Das bedeutet, dass sich YouTube Videos sowie Bilder von Instagram, Flickr oder aus einem RSS-Feed einbinden lassen. Auch der Inhalt eines Twitter-Accounts kann eingebunden werden.

Screenshot http://www.jqueryslidershock.com

6. RSlider

Der jQuery Slider erlaubt responsives Vollbild und Content-Sliden und passt sich automatisch an die Breite des Browserfensters an. Ebenfalls an Bord ist ein Support für Kategorien. Die Konfiguration ist denkbar einfach.

Screenshot http://www.egrappler.com/responsive-image-content-slider/index.htm