Precarga de imagenes efectiva

user2008 · #1 (**permalink**) 06/10/2008, 07:36

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?

#2 (**permalink**) 06/10/2008, 15:03

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**) 06/10/2008, 15:06

hola, yo lo que hago en flash muchas veces es poner las imagenes en tamaño 1x1 pixel para que se vayan descargando

TMeister · #4 (**permalink**) 06/10/2008, 15:07

Esto es Javascript, lo movemos al foro correspondiente

user2008 · #5 (**permalink**) 06/10/2008, 16:33

mmm sigo con la misma pregunta

edxodar_12 · #6 (**permalink**) 06/10/2008, 17:01

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">

</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

caricatos · #7 (**permalink**) 06/10/2008, 17:04

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

user2008 · #8 (**permalink**) 06/10/2008, 21:41

claro, pero he visto sitios que si lo hacen muy efectivo