ciao a tutti volevo provare a realizzare un animazione cn gli sprire ma nn riesco
mi spiego io ho il mio sprite di 300 x 200 solo che dopo il primo frame si ferma metto il codice che è piu chiaro
div#foto{width:58px;
height:66px;
margin:0px auto;
background-image:url(easel.png);
background-repeat:no-repeat;
background-position:0 0;
}
var robot ={
div:null,
height:66, // altezza di un frame
frames:3, // numero frame
numero:0, // x sapere in che frame mi trovo
animate:function() {
robot.div= document.getElementById('foto');
robot.numero-= robot.height;
if(robot.numero <= - robot.frames*frame.height) {
robot.numero=0;
}
robot.div.style.backgroundPosition = "0" + robot.numero + "px";
setTimeout(robot.animate,75);
},
}
il problema che riesco visualizzare solo il primo qualcuno sa dirmi dove sbaglio?