Foros del Web » Programando para Internet » Javascript »

forzar carga de img

Estas en el tema de forzar carga de img en el foro de Javascript en Foros del Web. Buenas, Tengo un menu con 2 opciones (inicio y contactar) que al poner el puntero sobre cada uno cambia la imagen. El problema es que ...
  #1 (permalink)  
Antiguo 25/03/2011, 04:32
 
Fecha de Ingreso: noviembre-2007
Mensajes: 471
Antigüedad: 15 años, 4 meses
Puntos: 2
forzar carga de img

Buenas,

Tengo un menu con 2 opciones (inicio y contactar) que al poner el puntero sobre cada uno cambia la imagen.
El problema es que cuando la web no esta en cache y me pongo encima de uno tarda en cargar la imagen y se ve en blanco durante un rato.
hay alguna forma de que se cargue todo al principio para que depsues no las tenga que cargar.

saludos
  #2 (permalink)  
Antiguo 25/03/2011, 08:36
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 14 años, 9 meses
Puntos: 1011
Respuesta: forzar carga de img

puedes hacer una precarga de imágenes o, por esta opción es por la que me decanto usar css sprites
  #3 (permalink)  
Antiguo 25/03/2011, 08:56
 
Fecha de Ingreso: noviembre-2007
Mensajes: 471
Antigüedad: 15 años, 4 meses
Puntos: 2
Respuesta: forzar carga de img

Cita:
Iniciado por IsaBelM Ver Mensaje
puedes hacer una precarga de imágenes o, por esta opción es por la que me decanto usar css sprites
lo que yo me referia es que automaticamente cuando cargue toda la web se descargue las imagenes sola para depsues no tener que descargar una una cuando este encima con el raton.
  #4 (permalink)  
Antiguo 25/03/2011, 09:31
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 12 años, 9 meses
Puntos: 310
Respuesta: forzar carga de img

Puedes poner un div que tape la pantalla mientras carga la página, y en el onload lo quitas.
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #5 (permalink)  
Antiguo 25/03/2011, 12:49
 
Fecha de Ingreso: noviembre-2007
Mensajes: 471
Antigüedad: 15 años, 4 meses
Puntos: 2
Respuesta: forzar carga de img

Cita:
Iniciado por _cronos2 Ver Mensaje
Puedes poner un div que tape la pantalla mientras carga la página, y en el onload lo quitas.
Saludos (:
eso es lo que hice. y se cierra el div automaticamente cuando termina de cargar todo el body. el problema esta que las imagenes que no usa no las carga y claro cuando yo me pongo encima del menu por ejemplo inicio tarda 5 segundos en cargar la imagen y mientrastanto se ve en blanco.
Enonces mi idea era cargar todas las imagenes antes de hacer cualqueir cosa para despues ....

No se si alguien sabe alguna forma

Saludos
  #6 (permalink)  
Antiguo 25/03/2011, 13:25
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 12 años, 9 meses
Puntos: 310
Respuesta: forzar carga de img

Pues haz algo como:
Código HTML:
Ver original
  1. <div id='precargar'>
  2.  <img src='imagen1.jpg' alt='' />
  3.  <!-- ... -->
  4. </div>
Código CSS:
Ver original
  1. #precargar { display:none; }
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #7 (permalink)  
Antiguo 25/03/2011, 14:58
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 14 años, 9 meses
Puntos: 1011
Respuesta: forzar carga de img

Cita:
Iniciado por Blashak Ver Mensaje
Buenas,

Tengo un menu con 2 opciones (inicio y contactar) que al poner el puntero sobre cada uno cambia la imagen.
El problema es que cuando la web no esta en cache y me pongo encima de uno tarda en cargar la imagen y se ve en blanco durante un rato.
hay alguna forma de que se cargue todo al principio para que depsues no las tenga que cargar.

saludos
creo que no le has prestado mucha atención a las ligas que te proporcioné. lo que estás buscando es hacer un rollover con css sprites o si no, has de usar una precarga de imágenes
  #8 (permalink)  
Antiguo 26/03/2011, 18:49
 
Fecha de Ingreso: noviembre-2005
Mensajes: 426
Antigüedad: 17 años, 4 meses
Puntos: 87
Respuesta: forzar carga de img

Cronos tiene la idea correcta, aunque me parece que algunos navegadores no intentan cargar si esta en display:none el div; asi que mejor seria hacer algo asi en el CSS:

Código CSS:
Ver original
  1. #precargar {
  2. overflow:hidden;
  3.  width:1px;
  4.  height;1px;
  5.  position:absolute;
  6.  bottom:1px;
  7.  right:1px;  }
  #9 (permalink)  
Antiguo 27/03/2011, 08:07
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 14 años, 9 meses
Puntos: 1011
Respuesta: forzar carga de img

Cita:
Iniciado por InKarC Ver Mensaje
Cronos tiene la idea correcta, aunque me parece que algunos navegadores no intentan cargar si esta en display:none el div; asi que mejor seria hacer algo asi en el CSS:

Código CSS:
Ver original
  1. #precargar {
  2. overflow:hidden;
  3.  width:1px;
  4.  height;1px;
  5.  position:absolute;
  6.  bottom:1px;
  7.  right:1px;  }
puedes explicar esta lógica?? no la comprendo. a no ser que hagas una precarga, el navegador únicamente cargará aquellos elementos que estén en el html. y como su propósito es hacer un rollover ....
  #10 (permalink)  
Antiguo 27/03/2011, 10:10
 
Fecha de Ingreso: noviembre-2005
Mensajes: 426
Antigüedad: 17 años, 4 meses
Puntos: 87
Respuesta: forzar carga de img

Cita:
Iniciado por IsaBelM Ver Mensaje
puedes explicar esta lógica?? no la comprendo. a no ser que hagas una precarga, el navegador únicamente cargará aquellos elementos que estén en el html. y como su propósito es hacer un rollover ....
En un div #precargar (que sera invisible para el usuario) colocas todas las imagenes que necesitas "precargar"; así que cuando el navegador las solicite para un rollover o para lo que sea el navegador las va a encontrar en su propio cache, asi que no necesitara cargarlas nuevamente
  #11 (permalink)  
Antiguo 27/03/2011, 14:25
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 14 años, 9 meses
Puntos: 1011
Respuesta: forzar carga de img

me parece interesante esa propuesta, así te evitas usar javascript

Etiquetas: carga, img
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 16:47.