Hola a todos! Logré hacer con este sencillo código CSS que las imágenes se carguen y al pasar el mouse por arriba que hagan el rollover correspondiente:
Código:
a.videos {
background: url('1.jpg') left no-repeat;
background-position: 0px ;
text-decoration: none;
pointer:cursor;
padding-left: 124px;
height:33px;
}
a.videos:hover {
background: url('1b.jpg') left no-repeat;
background-position: 0px;
text-decoration: none;
padding-left: 124px;
pointer:cursor;
}
a.fotos {
background: url('2.jpg') left no-repeat;
background-position: 0px ;
text-decoration: none;
pointer:cursor;
padding-left: 124px;
height:33px;
}
a.fotos:hover {
background: url('2b.jpg') left no-repeat;
background-position: 0px ;
text-decoration: none;
padding-left: 124px;
pointer:cursor;
}
Lo único que no supe hacer es aplicar el script aportado por
BUZU que hace que la primer solapa quede activa al cargar la página y que al presionar sobre otra... se desactive la primera y se active la que se presiona.
¿Me podrían decir cómo aplicarlo para hacer esto?
Muchas gracias y saludos.
MArx.