jquery anime la position de fond firefox
J'ai eu cette image de fond curseur chose, travaillant dans chrome et safari, mais il ne marche pas faire quoi que ce soit dans firefox. toute aide?
$(function(){
var image= ".main-content";
var button_left= "#button_left";
var button_right= "#button_right";
var animation= "easeOutQuint";
var time= 800;
var jump= 800;
var action= 0;
$(button_left).click(function(){
right();
});
$(button_right).click(function(){
left();
});
$(document).keydown(function(event){
if(event.keyCode == '37'){
right();
}
});
$(document).keydown(function(event){
if(event.keyCode == '39'){
left();
}
});
function left(){
if(action == 0){
action= 1;
$(image).animate({backgroundPositionX: '-='+jump+'px'}, {duration: time, easing: animation});
setTimeout(anim, time);
}
}
function right(){
if(action == 0){
action= 1;
$(image).animate({backgroundPositionX: '+='+jump+'px'}, {duration: time, easing: animation});
setTimeout(anim, time);
}
}
function anim(){
action= 0;
}
});
J'ai aussi essayé cela, mais il a aussi ne rien
$(image).animate({backgroundPosition: '500px 0px'}, 800);
source d'informationauteur Ohnegott
Vous devez vous connecter pour publier un commentaire.
ici, essayez ceci pour animation en arrière-plan
Appeler comme cela,
La version ci-dessus ne fonctionne pas avec jQuery 1.6.1. Ce ne.
La code posté par magiconair ne fonctionne plus avec jQuery 1.8. Voici une version corrigée qui n'utilise pas le amorti $.curCSS() la méthode.
Ce code fonctionne bien pour moi avec jQuery 1.8.1 et Firefox, j'ai eu quelques problèmes à obtenir Prydie l'exemple du travail:
http://nelsonwells.net/2012/08/using-bgpos-js-with-jquery-18/
Ici une mise à Jour de la solution de Prydie (pour jQuery 1,80 et plus).
Il traiter le cas des "+=" et " = " les valeurs :
Remarque: vous devez utiliser les autres méthodes de la solution de Prydie pour en faire des œuvres.
exemple d'utilisation :