Hola AEP
La idea es cargar sólo un archivo que contiene todas las imágenes y colocarlo como background con unas coordenadas específicas para que se vea una de las imágenes.
Para lograr el efecto lo que se hace es cambiar las coordenadas del background.
Pero te lo explico mejor con un ejemplo que
Mikmoro tiene en
su página http://araudi.net/ejemplos/rollover_..._posicion.html
Si te fijas usa el mismo archivo para el fondo:
Cita: a {
background:transparent url(../img/color_BN.jpg) no-repeat scroll center top;
display:block;
height:100%;
width:100%;
}
a:hover {
background:transparent url(../img/color_BN.jpg) no-repeat scroll center bottom;
}
lógicamente, estos enlaces están contenidos en un div con una medidas tales que sólo muestra la imagen deseada.
Un saludo.
P.D.: Las gracias a
Mikmoro y a DaPhyre que en su día me lo explicaron a mí