Diseñando Web: Divs y otras historias.

Alviro #1 May '11 Cofrade

¡Buenas!

Veréis os comento, a ver si me podéis echar una mano para conseguir poner lo siguiente en mi web...

Es un apartado donde se explican las posiciones de los jugadores de rugby, en esa zona, hay una imagen de un campo de rugby con las posiciones. Mi objetivo es poner dos divs, uno para la imagen del campo, y otro que cambie según uno ponga el raton encima de los jugadores.

Quedaría algo así:

Por ejemplo, si el ratón se colocara en la camiseta 1, la zona roja cambiaría y daría información de dicha posición...

¿Cómo me recomendáis que lo haga?
¿Alguna sugerencia? Como veis soy un toyaco en esto del diseño web xD

Saludos!

eXtreM3 #2 May '11

Con jQuery con el evento .hide() y .show() puedes ocultar y mostrar las capas de la derecha, al pasar el ratón por encima de las camisetas (hover de cada camiseta)

$("#capaCamiseta1").hover(
      function(){
             $(".demasCapas").hide();
             $("#capaCamiseta1").show();
      }
);

Así con todas, seguro que hay alguna manera más fácil y corta, pero yo es la unica que conozco así por mi cuenta sin mirar documentacion. Suerte!

1 respuesta

Alviro #3 May '11 Cofrade

#2 Gracias por la respuesta! Voy a aplicarme un poco y veré que puedo hacer!
Saludos!

Diseñando Web: Divs y otras historias.

Usuarios habituales

Tags