Hola, toca de nuevo preguntita complicada.
He hecho un par de documentos con efectos para mover dinámicamente la imagen de fondo de una capa.
- El primero es en función de si está el ratón encima de la capa o no: link.
- El segundo mueve el fondo dependiendo de la posición del mouse en la capa: link.
Todo funciona en
FF, pero en
IE he descubierto que cada vez que el fondo se mueve, recarga la imagen, haciendo el proceso lentísimo. En el primer ejemplo parpadea; en el segundo ejemplo va a golpes el movimiento.
Pregunto por si conocéis algún método para evitar ésto, algun código <meta> para jugar con la caché, o si no otro procedimiento (hacerlo con capas DIV en vez de con el fondo...). El tema es complicado de buscar.
Un saludo.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
PD: No voy a poner el código del script, me parece que sobra. Pero para que comprendáis que hacen. El primero tiene un setInterval cada 10ms que suma 10 a
yActual y ejecuta:
Código PHP:
capa.style.backgroundPosition = bgX + "px " + yActual + "px";
El segundo cuando estás dentro de la capa y mueves el ratón hace:
Código PHP:
capa.style.backgroundPosition= x + "px " + y + "px";
Con lo que su tasa de refresco es más rápida que el primero.