1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Ayuda mostrar y ocultar una iamgen al pasar el mouse sobre ella

Tema en 'Jquery' comenzado por Pablo Saenz, 20 de Junio de 2017.

  1. Pablo Saenz

    Pablo Saenz Nuevo Miembro

    Se incorporó:
    20 de Junio de 2017
    Mensajes:
    1
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    quiero ingresar en un div una imagen la cual al pasar el mouse sobre ella aparece y al salir de ese mismo div la imagen se oculete quiero usar jquery como lo podría hacer .. a que el método que click de los botones de ocultar o mostrar ya los programe solo necesito para pasar el puntero del mouse sobre esa misma imagen

    en las imágenes esta el código como lo hice lo de los botones ahora quiero lo del mouse solo pasar oente hacer pero no me sale como lo podía hacer ..gracias por su ayuda

    mostrar.PNG codigo.PNG ocultar.PNG
     
  2. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.462
    Me gusta recibidos:
    673
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    para eso puedes usar la function hover() con multiples funciones para el mouseover() y mouseenter() aqui te deja una demo y el codigo ;)
    Código (Javascript):
    $(".box").hover(
      function() {
        $(this).closest(".box").find("img").stop().show(400);
      },
      function() {
        $(this).closest(".box").find("img").stop().hide(400);
      }
    );
     
    A Dawud le gusta esto.
  3. Dawud

    Dawud Miembro conocido

    Se incorporó:
    4 de Abril de 2016
    Mensajes:
    659
    Me gusta recibidos:
    502
    Puntos de trofeos:
    93
    Género:
    Hombre
    Ocupación:
    Estudiante
    Localización:
    Villahermosa, Tabasco
    :rolleyes::rolleyes: Woo algo simple pero con buena animación jejeje... Te luces @AngelKrak :D
     
  4. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.462
    Me gusta recibidos:
    673
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    jajaja gracias:oops: siempre hay que intentar hacerlo lo mejor aun que sea simple jajaja xD
     

Comparte esta página