Hola a todos :
Mientras revisaba viejos disquetes buscando algún
back-up de un documento perdido, apareció una copia de este mensaje junto al comentario "Responder con un ejemplo". Es evidente que la pregunta se me traspapeló (o trasdisquetó) y por eso nunca la respondí; y como no quiero seguir acumulando karma, aprovecho para hacerlo ahora (aunque estoy seguro de que
angelseron ya resolvió su problema).
angelseron : supongamos que tienes dos imágenes a precargar; entonces escribes inmediatamente debajo de
<body>
Código:
<img class="precarga" src="imagen1.jpg" >
<img class="precarga" src="imagen2.jpg" >
poniendo en cada uno de los
src cada una de las rutas de tus imágenes. Ahora a los estilos agregas
Código:
.precarga {position:absolute; width:1px; height:1px;
top:-1px; left:0; border-collapse:collapse; }
El método es más HTML que CSS, pero tengo la impresión de que funciona mejor con
src que con
background-image.
Y aún así el cambio del
roll-over no será tan inmediato. La verdad es que a veces no lo es ni con javascript, porque puede depender de la velocidad de la máquina o de algún antivirus que esté monitoreando los programas que se ejecuten en la página.
Un método que sí es CSS es el de meter la primera imagen dentro de un
span que tenga como fondo la segunda imagen; y luego con
hover le asignamos
visibility: hidden solamente al
tag img. De éste no escribo el ejemplo porque
KnowDemon ya puso uno muy parecido.(Lo descubrí usando el buscador)
Dejo una lista de enlaces relacionados.
¿Desean un rollover con precarga SIN javascript? Cambio de imagen rollover con css muy lentos Diferentes MouseOver's a una Imagen Manejo de Imágenes