animation aux évènements souris

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : animation aux évènements souris

animation aux évènements souris

par x@v » 01 déc. 2010, 12:37

Bonjour,
j'essaie de faire une galerie d'image :
quand je presse sur un bouton de la souris et que je déplace l'image je voudrais que ça déplace ces images, à droite où à gauche.
Je n'y arrive pas vraiment, surtout je ne comprend pourquoi mon animate ne fonctionne pas quand je suis dans mousemove?

Code : Tout sélectionner

<script> jQuery.fn.extend({ findPosElement : function() { obj = jQuery(this).get(0); var curleft = obj.offsetLeft || 0; var curtop = obj.offsetTop || 0; while (obj = obj.offsetParent) { curleft += obj.offsetLeft curtop += obj.offsetTop } return {x:curleft,y:curtop}; } }); $(function(){ pos = $('div#conteneur').findPosElement(); var positionHauteur=pos.y; var positionLargeur=pos.x; $("div#conteneur").live('mousedown',function(){ //$("li:first",this).text("mousedown"); $(this).mousemove( function(e){ $("li:first",this).text("déplacement :: " +positionLargeur); $("li:first",this).text("position :: " + e.pageX +', '+ e.pageY); var old=e.pageX; console.log('old- positionLargeur'); console.log( old - positionLargeur); var n=old - positionLargeur; $(this).find('li a img').animate({marginLeft:'100px', top:'20px'}); }); return false }); }); </script>
Merci