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
Webperformance und Page Speed 2021
mit Sven Wolfermann (maddesigns)
UX Design: Kitsch – du willst es doch auch!
mit Lutz Schmitt (Lutz Schmitt Design & Consulting)
SEO loves PR: Wie zwei Disziplinen gemeinsam erfolgreich sein können
mit Anne Kiefer (sexeedo GmbH)