je cherche a faire un petit carrousel en jQuery qui s'active grâce à un mouseenter et qui se coupe avec un mouseleave... J'ai cherché un peu partout via google les infos pour le réaliser et maintenant je bloque sur l'arrêt de ma fonction. Pour ça j'ai donc créer une variable "roulement" dans laquelle j'ai mis ma fonction dans le setinterval. Le fait de mettre cette fonction dans le clearInterval devrait arreter l'animation non ? Il y a peut etre quelque chose à rajouter ?
[javascript]$(document).ready(function() {
$('a').mouseenter(function(){
if($(this).find('.rouleindex').length>1){
var test=$(this);
var roulement=function(){
setInterval(function(){
var larg_dep_car=test.find('.rouleindex').css("width");
var ldc= parseInt(larg_dep_car)*-1;
test.find('.rouleindex:eq(0)').animate({"margin-left":ldc}, "slow",function(){
test.find('.rouleindex:eq(0)').appendTo(test.find('.conteneurimg')).css("margin-left",0);
});},3000)};
roulement();
}});
$('a').mouseleave(function(){
clearInterval(roulement);
});
});[/javascript]
PS: desolé pour l'indentation sauvage. j'essaye de faire une présentation propre....
