Overscroll - Naviguez en scroll dans vos images avec jQuery

Overscroll est un plugin jQuery permettant d'imiter la navigation "scrolling" de l'iPhone / iPad, sur un navigateur.

Vous êtes à présent habitué à ce mode de navigation grâce à vos smartphone ou tablette: Un glissement du doigt sur une grande image ou carte vous permet de vous déplacer dans cette dernière.

C'est cette navigation qu'Overscroll propose d'implémenter sur votre site web.

Très pratique si vous souhaitez présenter à vos visiteurs des cartes ou images très larges sans qu'elle ne soit redimensionnée et donc illisible...

Afin d'éduquer vos visiteurs à ce mode de navigation, lorsque la souris du visiteur est en dehors de la zone, un message en overlay apparait pour expliquer qu'il faut cliquer et drag avec la souris sur la carte pour naviguer. (Message personnalisable).

Le plugin propose différentes options, comme la navigation avec la molette de la souris dans le sens vertical ou horizontal, ainsi que la vitesse de scroll avec la molette,affichage des scrollbar en image, type de curseur de la souris etc.

Différents évènements vous permettront d'étendre les possibilités (dragstart, dragend, driftstart, driftend), pratique.

Côté utilisation, on reste très simple comme la majeure partie des plugins jQuery:

$(document).ready(function(){
    $("#maCarte").overscroll();
});

Et niveau compatibilité:

• Firefox 3+
• Safari 5+
• Chrome 5+
• Sur IE, c'est moins sexy et plus saccadé, mais ça passe (Testé sur IE8)

Qu'en pensez-vous ?

Site Officiel