Hola, verán tengo un problema con el backgroundPosition de un <BODY>.
Básicamente estoy intentado que al ejecutar una función, la imagen del fondo del body rote un ciclo, es decir que la imagen se mueva hacia la izquierda o derecha 1 vez.
He construido el código pero cuando lo hace dependiendo del zoom del navegador, lo hace de una forma o otra, también he intentado hacerlo tanto por "%", como por "px".
Les dejo el código en question haber si ustedes saben que podría ser, muchas gracias.
PD: Disculpen no se si esto es especialmente Javascript o CSS.
Código HTML:
<script>
function calcularValorPos(id){
var valorX=0;
positionXY = $(id).css('backgroundPosition').split(" ");
positionXY[0]=positionXY[0].replace("%", "");
valorX=parseInt(positionXY[0]);
return valorX;
}
function slide(tipo){
var valorX_Body=calcularValorPos('body');
if(tipo=='Izq'){
valorX_Body-=parseInt(100);
}else{
valorX_Body+=parseInt(100);
}
$('body').animate({backgroundPositionX: valorX_Body+'%'},{duration:1000,complete: function (){}});
</script