Queridos amigos:
Intento aplicar las soluciones que me proponéis de la siguiente manera en css:
.tarjetaa {
background-image: url(/tarjetaa.gif);
display:block;
width:50px;
height:50px;
}
.tarjetaa {
hover: background-image: url(/tarjetab.gif);
Donde tarjetaa y tarjetab son las imágenes a intercambiar.
Lo que no entiendo es cómo ha de articularse luego el enlace.
Decís que <a href="#" class="CuadroImagen"></a>
En este caso: <a href="." id="tarjetaa"></a>
No obstante, no veo dónde ni cómo debe ir el enlace hacia, por ejemplo home.html
Espero vuestra aclaración.
Gracias.