entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Usos de evento hover con jQuery

En la siguiente serie de imágenes el título está originalmente oculto por la regla css:

label { display: none }    
<ul>
    <li>
        <img src='foto1.jpg'/>
        <label>Foto 1</label>
    </li>
    <li>
        <img src='foto2.jpg'/>
        <label>Foto 3</label>
    </li>
    <li>
        <img src='foto3.jpg'/>
        <label>Foto 3</label>
    </li>
</ul>

Deseo hacer visible el título de la foto sólo cuando el puntero del ratón esté sobre la imagen.

¿Como lo puedo hacer?

2 Respuestas

1voto

Peter Puntos150480

Prueba así:

$('img').hover(function() {
    $(this).siblings('label').show();
},function() {
    $(this).siblings('label').hide();
});

4votos

daniel_garcia Puntos1440

Es muy fácil con CSS y de hecho sería la mejor manera

li:hover label {
   display: block;
}

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta