jQuery Slider: 6 kostenlose Responsive Plugins
Kommentare

Für die Erstellung und Erweiterung von Websites, die auf Responsive Design setzen, gibt es heutzutage jede Menge Plugins. Auch in puncto Slideshows hat man die Qual der Wahl zwischen zahlreichen jQuery-Plugins, die Euch mobiltaugliche Slideshows auf die Seite zaubern.

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.

ResponsiveSlides.jsScreenshot 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.

Flexslider by WooThemes
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.

Modern Slide In Theme | Sequence - The Responsive Slider with Advanced CSS3 Transitions
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.

SlidesJS, a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3
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.

jQuery Slider Shock
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.

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

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -