Foros del Web » Programación web » Javascript »

Precarga de imagenes efectiva

Estas en el tema de Precarga de imagenes efectiva en el foro de Javascript en Foros del Web. buen dia luego de intentar durante muchisimo tiempo hacer un buen rollover que no se detenga a descargar la imagen onmouseover les consultare a ustedes, ...
  #1 (permalink)  
Antiguo 06/10/2008, 07:36
 
Fecha de Ingreso: agosto-2008
Mensajes: 181
Antigüedad: 6 años, 2 meses
Puntos: 2
Pregunta Precarga de imagenes efectiva

buen dia

luego de intentar durante muchisimo tiempo hacer un buen rollover que no se detenga a descargar la imagen onmouseover les consultare a ustedes, ya que no encontre manera efectiva

quiero que la imagenes rollover se descarguen completamente antes que el usuario visualice la web, saben algun javascript que encaje perfectamente en esta funcion?

en una web vi lo siguiente

Código:
<script language="javascript" type="text/javascript">
newimage1 = new Image();
newimage1.src = "imagenes/imagen1_on.jpg";
newimage2 = new Image();
newimage2.src = "imagenes/imagen2_on.jpg";
newimage3 = new Image();
newimage3.src = "imagenes/imagen3_on.jpg";
newimage4 = new Image();
newimage4.src = "imagenes/imagen4_on.jpg";
function MouseOverOut(nombre, overout) {
if (overout==true) {
document.getElementById(nombre).src = 'imagenes/' + nombre + '_on.jpg';
} else {
document.getElementById(nombre).src = 'imagenes/' + nombre + '.jpg';
}
}
</script>

que dicen?
__________________
Celulares
  #2 (permalink)  
Antiguo 06/10/2008, 15:03
ramonjosegn
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Precarga de imagenes efectiva

hola, yo lo que hago en flash muchas veces es poner las imagenes en tamaño 1x1 pixel para que se vayan descargando
  #3 (permalink)  
Antiguo 06/10/2008, 15:06
ramonjosegn
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Precarga de imagenes efectiva

hola, yo lo que hago en flash muchas veces es poner las imagenes en tamaño 1x1 pixel para que se vayan descargando
  #4 (permalink)  
Antiguo 06/10/2008, 15:07
Avatar de TMeister
Crazy Coder
 
Fecha de Ingreso: enero-2002
Ubicación: En la Oficina
Mensajes: 2.709
Antigüedad: 12 años, 9 meses
Puntos: 138
Respuesta: Precarga de imagenes efectiva

Esto es Javascript, lo movemos al foro correspondiente
  #5 (permalink)  
Antiguo 06/10/2008, 16:33
 
Fecha de Ingreso: agosto-2008
Mensajes: 181
Antigüedad: 6 años, 2 meses
Puntos: 2
Respuesta: Precarga de imagenes efectiva

mmm sigo con la misma pregunta
__________________
Celulares
  #6 (permalink)  
Antiguo 06/10/2008, 17:01
 
Fecha de Ingreso: mayo-2008
Mensajes: 71
Antigüedad: 6 años, 4 meses
Puntos: 1
Respuesta: Precarga de imagenes efectiva

Este articulo explica como por medio de JavaScript podemos precargar las imagenes de nuestro website para que las imagenes cargen mas rapido.

El siguiente codigo va entre las etiquetas <HEAD> y </HEAD>...

<script language="javascript 1.2">
<!--

var i;
var imagenes = new Array("imagen1.gif","imagen2.gif","imagen3.gif");
var lista_imagenes = new Array();

function cargarimagenes(){

for(i in imagenes){
lista_imagenes[i] = new Image();
lista_imagenes[i].src = imagenes[i];

}

}

//-->
</script>

Bien, en resumen lo que realiza este codigo es precargar las imagenes puestas en el vector imagenes...

var imagenes = new Array("imagen1.gif","imagen2.gif","imagen3.gif");

Podemos modificar la ruta de acceso a las imagenes ("imagen1.gif"....) y asi definir que imagenes queremos precargar, ahora bien lo que nos falta es llamar a la funcion cargarimagenes para cargar nuestras imagenes, esto lo hacemos dentro de la etiqueta BODY y es conveniente realizarlo antes de cualquier otro codigo...

<BODY>
<script>
cargarimagenes();
</script>
</BODY>

Con el codigo anterior ya tenemos cargadas las imagenes, lo que nos queda es administrar bien la carga de imagenes, por ejemplo en una pagina x que no tenga mucho contenido podemos cargar las imagenes de otra pagina del sitio asi ya no ahorramos algo de tiempo, entonces cuando el usuario visita esa pagina las imagenes se cargan de forma inmediata
  #7 (permalink)  
Antiguo 06/10/2008, 17:04
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.133
Antigüedad: 12 años, 6 meses
Puntos: 1136
Respuesta: Precarga de imagenes efectiva

Hola:

Las precargas para efecto rollover creo que no son muy efectivas, te paso un enlace: Rollover: otra forma de conseguir este efecto... hay algún mensaje donde se habla del tema.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #8 (permalink)  
Antiguo 06/10/2008, 21:41
 
Fecha de Ingreso: agosto-2008
Mensajes: 181
Antigüedad: 6 años, 2 meses
Puntos: 2
Respuesta: Precarga de imagenes efectiva

claro, pero he visto sitios que si lo hacen muy efectivo
__________________
Celulares
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 01:05.
SEO by vBSEO 3.3.2