CSS / Javascript Come faccio a fare questo film background-position in Firefox, come invece accade in IE7 +?
-
13-09-2019 - |
Domanda
<script language="javascript" >
var speed=25; //speed
var num=0;
var photos = document.getElementById('head_image');
function scrollBG() {
num++;
photos.style.backgroundPosition="0"+num;
}
setInterval('scrollBG()',speed);
</script>
Questo è il sito in questione: www.theorymarine.com
Soluzione
photos.style.backgroundPosition = "0" + num;
Hai bisogno di un'unità per lunghezze CSS.
photos.style.backgroundPosition= num+'px 0';
Si potrebbe anche preferire di basare la vostra animazione in tempo, in modo che il tasso si muove non dipende dalla ‘velocità’ o le prestazioni del browser. ad esempio:.
<script type="text/javascript">
var photos= document.getElementById('head_image');
var begin= new Date().getTime();
setInterval(function() {
var x= Math.floor((new Date().getTime()-begin)/25);
photos.style.backgroundPosition= x+'px 0';
}, 25);
</script>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow