Buenas! Tengo ya un dolor de cabeza impresionante, tras búsquedas y búsquedas tanto por google como por aquí. No he encontrado ningún problema parecido. Aquí va la explicación:
He desarrollado un
slideshow de imágenes para mi web en javascript que hace que cada 10 segundos cambie el fondo de un DIV.
El problema viene cuando estas navegando por la web y te encuentras abajo del todo de la pagina. Al cambiar el fondo está automáticamente te salta hacia la parte superior de la misma. Y así cada vez que cambia de imagen como si recargara la página.
¿Alguien sabe a que pude deberse?
Este es el código javascript
:
Código:
var $j = jQuery.noConflict();
var bgArr = ["sys/img/bg1.jpg", "sys/img/bg2.jpg", "sys/img/bg3.jpg", "sys/img/bg4.jpg", "sys/img/bg5.jpg", "sys/img/bg6.jpg", "sys/img/bg7.jpg", "sys/img/bg8.jpg", "sys/img/bg9.jpg"]; //and so on...
var currentBg = 0;
function backgroundSlide() {
$j("#photowall").fadeOut("slow",function() {
$j("#photowall").css("background-image", "url("+bgArr[currentBg++]+")");
if (currentBg == bgArr.length) currentBg = 0;
$j("#photowall").fadeIn("slow");
});
};
setInterval(backgroundSlide, 10000);
backgroundSlide(0)
</script>
Estas las CSS de el DIV descrito:
Código HTML:
<style>
#photowall {
clear: both;
position: relative;
display: block;
background-image: url(../img/bg.jpg);
height: 400px;
margin: 0px;
z-index: 0;
}
</style> Gracias de antemano.