Foros del Web » Creando para Internet » CSS »

Parpadeo de imagen de fondo entre secciones

Estas en el tema de Parpadeo de imagen de fondo entre secciones en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/06/2009, 12:58
 
Fecha de Ingreso: abril-2008
Mensajes: 11
Antigüedad: 9 años, 7 meses
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.
  #2 (permalink)  
Antiguo 19/06/2009, 10:18
Avatar de Joni2Back  
Fecha de Ingreso: marzo-2009
Mensajes: 146
Antigüedad: 8 años, 8 meses
Puntos: 1
Respuesta: Parpadeo de imagen de fondo entre secciones

Código CSS:
Ver original
  1. text-decoration:blink;
  #3 (permalink)  
Antiguo 20/06/2009, 04:57
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Parpadeo de imagen de fondo entre secciones

Hola:

Cita:
Iniciado por Joni2Back Ver Mensaje
Código CSS:
Ver original
  1. text-decoration:blink;
¿La mejor forma de evitar que parpadee un backgroud es que parpadee el texto?, ¡pues si que vamos bien!. Anda, lee bien el post.

Saludos.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:58.