Recherche d'un script de galerie jQuery qui déplace les éléments en fonction de la position de la souris (par exemple pour une galerie glissante)

Question

Je souhaite créer une galerie qui défile à gauche et à droite en fonction de la position de la souris. Donc vous déplacez la souris à droite et la galerie défile à gauche.

Merci,

Henry.

Answer 1

Je pense que cela ne devrait pas être trop difficile. Si vous configurez une zone de défilement pour contenir l'image, vous pouvez la déplacer à gauche et à droite à l'aide de la fonction animer. Ensuite, vous pouvez obtenir la position de la souris par rapport à la div que vous voulez faire défiler et calculer combien vous voulez qu'elle bouge en fonction de l'emplacement de la souris. Cela ne fait pas ce que vous voulez mais fait quelque chose de similaire:

$().mousemove(function(e) { 

    var pos = $("#holder").offset() 
    mouseX = e.pageX - pos.left; 
    mouseY = e.pageY - pos.right; 
    if(mouseX > 332 || mouseY > 528 || mouseX < 0 || mouseY < 0) return false; 

    posx = Math.round(mouseX/10)*332; 
    posy = Math.round(mouseY/10)*10; 



    $("#holder").css({'backgroundPosition': posx+'px 0'}); 




});