201203Jan

Orbit: Modernes Image Slider-Plugin von ZURB

Projekte wie der CSS Grid Builder oder Bounce zählen zu den gelungenen Kreationen der Agentur ZURB, die sich auf klassische und mobile Webanwendungen spezialisiert hat. Inzwischen gibt es einen ZURB Playground, auf dem etliche Anwendungen und Skripte der Entwickler veröffentlicht werden. Darunter findet sich beispielsweise auch das jQuery-Plugin Orbit, das einen modernen Image-Slider darstellt.

Orbit: jQuery Image Slider Plugin from ZURB

Orbit bietet eine Slideshow-Funktion und die Möglichkeit, Beschriftungen (Labels) für die Bilder hinzuzufügen. Alle Optionen auf einen Blick:

  • $("#featured").orbit({
  • animation: "fade",
  • animationSpeed: 800,
  • timer: true,
  • advanceSpeed: 4000,
  • pauseOnHover: false,
  • startClockOnMouseOut: false,
  • startClockOnMouseOutAfter: 1000,
  • directionalNav: true,
  • captions: true,
  • captionAnimation: "fade",
  • captionAnimationSpeed: 800,
  • bullets: false,
  • bulletThumbs: false,
  • bulletThumbLocation: "",
  • afterSlideChange: function(){}
    });

In komprimierter Form ist der Slider rund 4 KB groß und steht als "Kit" zum Download bereit. Das Kit enthält das Plugin, Grafiken und eine fertige Demo-Seite.