Precarga

noxxfaxx · #1 (**permalink**) 17/02/2005, 09:06

Hola a to2, este es mi primer post en este foro del cual es sacado muy valiosa información, gracias a to2.
Toy creando esta web http://corps.freefronthost.com/index.htm, tengo colocados varios rollovers en los cuadros rojos, pero al pasar el ratón por encima la otra imagen tarda un tiempo en salir, he estado viendo las distintas precargas de imagenes k hay por el foro y la web pero ninguna me funciona, alguna idea?? como puedo evitar que no haya tiempo de espera entre las imágenes.

Gracias por adelantado, un saludo.

caricatos · #2 (**permalink**) 17/02/2005, 14:05

Hola noxxfaxx, bienvenido a los foros

:

No deberían darte problemas, aunque si la página no tiene actividad, según el navegador, pueden sacarse de la caché (cosas del S.O.)

En las FAQs hay alguna que va bien... hay otra forma de precargar imágenes, poniéndolas en capas transparentes, y me parece que también están en las FAQs, si te interesa, trataré de encontrar el enlace.

Saludos

noxxfaxx · #3 (**permalink**) 17/02/2005, 15:17

Gracias caricato, buscaré yo tb a ver si los veo.

caricatos · #4 (**permalink**) 17/02/2005, 17:50

Hola otra vez:

Prueba esto:

Código:

<html>
<head>
<title>
precarga de imagenes (nueva)
</title>
</head>
<body >
<div style="position:relative" >
<img src="http://www.sucaricatura.com/ficheros/boton1.gif" name="img1"
style="position:absolute; top: 0; left: 0"
onmouseout="document.images.img2.style.visibility = 'visible'"
/>
<img src="http://www.sucaricatura.com/ficheros/boton2.gif" name="img2"
style="position:absolute; top: 0; left: 0"
onmouseover="this.style.visibility = 'hidden'"
/>
</div>
</body>
</html>

Puedes copiar el código y pegarlo en esta página: http://www.pepemolina.com/probador/ para probarlo.

Es una alternativa a los rollover tradicionales, y al menos a mi me funciona bien (lo puedes ver en la página de mi perfil)

Saludos

noxxfaxx · #5 (**permalink**) 20/02/2005, 15:37

Muchas gracias caricato.