jQuery
jQuery Plugins für Produkt-Sliders und Slideshows
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.
- madX's blog
- Anmelden um Kommentare zu schreiben
- Weiterlesen
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.
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.
- noopsta's blog
- Anmelden um Kommentare zu schreiben
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.
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 ...