Ver Mensaje Individual
  #7 (permalink)  
Antiguo 04/06/2011, 16:08
Avatar de braulito
braulito
 
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 597
Antigüedad: 17 años
Puntos: 8
Respuesta: Onmouseover y Rollover texto e Imagenes.

El ejemplo:
Código CSS:
Ver original
  1. .rollover {
  2.             display: block;
  3.             width: 306px;
  4.             height: 350px;
  5.             background: url(http://quehotelreservo.es/files/2009/07/gran-hotel-almeria-exterior.jpg) no-repeat;
  6.         }
  7.        
  8.         .rollover:hover {
  9.             background: url(laotraimagen.jpg) no-repeat;
  10.         }
  11.        
  12.         .rollover span {
  13.             display: none;
  14.         }
Código HTML:
Ver original
  1. <a href="#" class="rollover"><span>Hotel</span></a>

Otra solución es que juntes las dos imágenes y que en el :hover sólo hagas un cambio en la propiedad background-position.

Espero te sirva de ayuda.
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño