$("#drugiGumb").hover(
function () {
for (var i = 0; i < 60; i++) {
$("#drugiGumbSlika").delay(15).animate({ marginLeft: "-=149px" }, 1);
}
$("#drugiGumbSlika").animate({ marginLeft: "-8791px" }, 1);
}, function () {
$("#drugiGumbSlika").stop().animate({ marginLeft: "0px" }, 1);
}
);
Salut à tous, J'ai largeur d'image 8791px et son estanimation en une image. une image est 149x85px. Pour l'animer, je crée le code ci-dessus. Mon problème est que je ne peux pas freiner pour la boucle sur mouseout et l’arrêt du dosage de l’animation. Des idées comment puis-je accomplir cela?
Merci d'avance.
Réponses:
0 pour la réponse № 1jQuery .stop()
docs - http://api.jquery.com/stop/
$("#drugiGumb").hover(
function () {
for (var i = 0; i < 60; i++) {
$("#drugiGumbSlika").delay(15).animate({ marginLeft: "-=149px" }, 1);
}
$("#drugiGumbSlika").animate({ marginLeft: "-8791px" }, 1);
}, function () {
$("#drugiGumbSlika").stop(true, true).animate({ marginLeft: "0px" }, 1);
}
);
1 pour la réponse № 2
Essayer .stop(true,true)
$("#drugiGumb").hover(function () {
for (var i = 0; i < 60; i++) {
$("#drugiGumbSlika").delay(15).animate({
marginLeft: "-=149px"
}, 1);
}
$("#drugiGumbSlika").animate({
marginLeft: "-8791px"
}, 1);
}, function () {
$("#drugiGumbSlika").stop(true,true).animate({
marginLeft: "0px"
}, 1);
});
0 pour la réponse № 3
Vous devez gérer les événements mouseenter et mouseleave. Pas en vol stationnaire.