201112Dez

Kinetic: jQuery-Plugin für sanftes Bild-Dragging

Wenn auf einer Website eine vergrößerte Darstellung einer Grafik (etwa von einem Produkt oder einem detaillierten Photo) interaktiv eingebunden werden soll, eignet sich eine Drag 'n' Drop-Funktionalität sehr gut dafür. Ein Skript wie die SpryMap erfüllt diesen Zweck. Ähnlich arbeitet das jQuery-Plugin Kinetic, mit dem sich ebenfalls Bildausschnitte mit einer Drag-Funktionalität ausstatten lassen.

jQuery.kinetic - A plugin which adds smooth drag scrolling with gradual deceleration to containers

Das Skript bietet die Möglichkeit, die Bewegung des verschobenen Bildausschnitts zu beschleunigen und abzubremsen (Acceleration und Deceleration). So wirkt der Effekt etwas sanfter und dezenter. Das Plugin bietet etliche Optionen, die auf der Skript-Website eingesehen werden können. Neben der Möglichkeit, den Bildausschnitt über den Mauszeiger zu verschieben, gibt es auch die Option, den Ausschnitt per Schaltfläche gezielt in eine Richtung zu bewegen.

RSS-Feed abonnieren