animation aux évènements souris
Posté : 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?
Merci
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>