jQuery

jQuery Plugins für Produkt-Sliders und Slideshows

Slider jQuery Plugin

Slider und Produkt-Slideshows eignen sich optimal, um Produkte oder Services auf einer Website zu präsentieren. Der Vorteil des Slider ist, dass Produkte sowohl emotioanl als auch informativ dargestellt werden können. Ein Slider muss nicht unbedingt mit Flash umgesetzt werden. Es gibt einige gute Gründe, die jetzt hier nicht genannt werden, um ein Produkt- oder Content-Slider mit jQuery (JavaScript Framework) umsetzen. 

Zwei Slideshow jQuery Plugins möchten wir Ihnen hier vorstellen:

Slidejs.com von Nahthan Searles ist ein sehr flexibler und skalierbarer Bildwechsel-Slider der sowohl als Produkt-Slider (mit HTML-Content) oder auch als Slideshow in mehreren Variationen eingesetzt werden kann.

Ein Referenz für den Einsatz des jQuery-Plugins Slidejs.com ist der Bildbearbeitungsservice für Freisteller und Retusche.

Stylischer Bildwechsel-Effekt mit jQuery

Das JavaScript Framework jQuery beeinhaltet eigentlich ganz gute Animationen und Effekte. Doch bei einem Bildwechsel  zwischen 2 Objekten einen Code der absolut makellos ist. Mit dem jQuery Plugin ImageSwitch ist ein eleganter und stylischer Bildwechsel in mehreren Variationen ganz einfach umszusetzen.
Das Plugin unterstützt mehrere Effekt wie z.B. Fade in/out, Flip in/out, Scroll in/out oder Singe Door & Double Door. Zudem ist der Code sehr gut auskommentiert, was es einfach macht das Plugin anzupassen und weiterzuentwickeln.

jQuery Plugin ImageSwitch

Mouse-Over Zoomansicht mit jQuery

JQZoom Evolution bringt ein neues Release mit erweiterten Features heraus. Die Zoom-Funktion für Bilder funktioniert mit dem bekanntem jQuery Javascript Framework. jQzoom vergrößert die Stelle eine Bildes über die der Mauszeiger gelegt wird. Die Anwendung ist einfach zu skripten, leicht anpaßbar und läuft auf allen neuen Browsern. Die Software ist lizensiert unter GPL.

JQZoom Evolution

Umsetzung von Image Sliders per JavaScript-Framework

Ein interessantes Tutorial zur Umsetzung eines beweglichen Sliders mit horizontaler Scroll-Funktion stellt woork.blogspot.com zur Verfügung. In diesem Beispiel wird das JavaScript-Framework Mootools verwendet.

In einem weitern Tutorial von cssglobe.com wird ein einfacher Image oder Content Slider mit einem jQuery Plugin umgesetzt.

Für den bereits bekannten Coda Slider gibt es mittlerweile ein Drupal-Modul das sehr gut funktioniert.

Slider Mootools tutorial

 

Jetzt kostenlos Mitglied werden!

Als registriertes Mitglied kannst du Dir dein eigenes Profil anlegen und werbungsfrei noopsta News lesen und zusammenstellen. Du kannst Deine eigene Blogbeitrage verfassen und diese parallel in Twitter  oder Facebook veröffentlichen und vieles mehr ...

Mitglied?