Hola! Disculpen las molestias, quisiera realizar lo siguiente, yo tengo 3 imagenes ubicadas y quisiera que funcionen de la siguiente manera:
Comienzo:
Hover (suponiendo obviamente que el mouse esta posicionado sobre el tercero en este caso):
Funcionamiento (la idea es que al seleccionar otro vinculo quede seleccionado este, haciendo que el que estaba anteriormente seleccionado deje de estarlo):
XHTML Cita: <div id="slide_buttons">
<a class="slide1" href="#">Link1</a>
<a class="slide2" href="#">Link2</a>
<a class="slide3" href="#">Link3</a>
</div>
CSS Cita: #slide_buttons{
width: 100px; height: 20px; margin: auto; position: relative; right: -31px;
}
#slide_buttons a.slide1{
background: url(images/slide_selected/selected.png) no-repeat; width: 7px; height: 7px; text-indent: -1000em; position: absolute; margin-top: 6px; outline: 0;
}
#slide_buttons a.slide2{
background: url(images/slide_unselected/unselected.png) no-repeat; width: 7px; height: 7px; text-indent: -1000em; position: absolute; margin-top: 6px; margin-left: 16px; outline: 0;
}
#slide_buttons a.slide3{
background: url(images/slide_unselected/unselected.png) no-repeat; width: 7px; height: 7px; text-indent: -1000em; position: absolute; margin-top: 6px; margin-left: 32px; outline: 0;
}
Muchisimas gracias por su ayuda y disculpen nuevamente.
Saludos! =)