Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/06/2009, 11:58
pipeio
 
Fecha de Ingreso: abril-2008
Mensajes: 11
Antigüedad: 16 años
Puntos: 0
Parpadeo de imagen de fondo entre secciones

Hola gente

Os quería comentar un caso que tengo y ver lo que opinais.

Tenía una web sólo con CSS y XHTML, queria evitar el uso de Javascript, PHP ...
Así es que tengo una web con diferentes secciones presentadas en un
menú vertical a la izquierda.
Al solo querer utilizar CSS+XHTML no se me ha ocurrido otra cosa más
que repetir el código HTML en cada sección de la web. Es decir, cuando
pulsas un elemento del menú y cambias de sección, la página es
"cargada" de nuevo. Hasta aqui todo bien.
Cuando cambiamos de sección en FF estos fondos JPG que antes
comentaban permanecen estáticos, no hay ningún parpadeo por la carga.
Pero en IE6 y IE7 aparece un molesto parpadeo de unas decimas de
segundo, que supongo que tiene que ver con el tiempo de carga de estos
fondos.

Lo que he probado:

Los fondos JPG son, de hecho, fotografias, así es que si los guardo
como GIF o PNG pesan mucho más. Actualmente los fondos JPG pesan 44KB,
4KB y 9KB.
He probado a quitar los fondos en IE, es decir, dejarlo solo con un
color de fondo, y no parpadea nada cuando cambias de una sección a
otra.

En otro foro me comentaron que era debido a que FF se espera a mostrar el contenido una vez ya tiene cargado todo, por lo que no se ve ningun parpadeo, mientras que IE va mostrando los elementos mientras se van cargando.

Me dijeron también que probara con los efectos de transición de script.aculo.us, pero no es lo que yo busco. Simplemente quiero que no parpade unos decimas de segundo la imagen de fondo al cargar otra pagina.

También me dijeron que probara con includes de PHP, he cambiado la web para usar includes y no repetir tanto código, pero claro, siguen siendo paginas distintas (index.php, servicios.php, contacto.php, etc) y cuando salto de una a otra, por mucho PHP que haya, la imagen de fondo la tiene que volver a cargar y continua teniendo este efecto de parpadeo.
No quiero tener una única página index.php e ir cambiando el contenido dinamicamente dentro de los divs, porque perderia la gracia de poder "linkar" a diferentes paginas por la URL, y perjudicaría el trabajo a los motores de búsqueda si no pueden leer diferentes URLs.

La imagen de fondo JPG está como un atributo background-image:

#content {
font-family: Verdana, Geneva, Arial, sans-serif;
[.......]
background-image: url(../images/fondoContent.jpg);
}

¿Estoy equivocado en alguna de mis suposiciones? ¿tiene solución?

Cualquier comentario me serviria de ayuda.

Gracias por adelantado.