http://www.izrada-weba.com/orso
El ratón encima del enlace «NENATKRIVENA TERASA…» submenú imagen y se desvanecen en conjunto. Submenú se desvaneció usando algún script descargado y de la imagen de arriba es la decoloración de usar mi código:

$(document).ready(function () {
   $("#slika1").hide();

  $("#test,#submenu2").hover(
      function () {
       $("#slika1").fadeIn();
      }, 
      function () {
         $("#slika1").fadeOut();
      }
    );       
});

Cuando el ratón está sobre el enlace de la imagen se desvanece, y cuando el ratón se mueve a un submenú imagen se desvanece y que se desvanece de nuevo… yo sé por qué es así, pero no sé cómo hacer que no fadeout al mover el mouse directamente desde el enlace a un submenú.
¿Hay alguna solución para esto?

Gracias,
Ile

2 Comentarios

  1. 16

    La función stop() va a detener cualquier ejecutando actualmente animaciones en el elemento especificado.

    Trate de modificar su función mouseover:

    $("#slika1").stop().fadeIn();


    Edición:

    No parece ser un problema con el submenú decoloración no en todo el camino (consulte la ile del comentario). Esto me parece un jQuery error, pero no estoy seguro. Tal vez alguien pueda hablar y explicar por qué está sucediendo esto.

    Para conseguir alrededor de esto, trate de usar fadeTo(); parece producir el resultado deseado:

    $(document).ready(function () {
      $("#slika1").fadeTo(0,0);
    
      $("#test,#submenu2").hover(
        function () {
          $("#slika1").stop(true).fadeTo("normal",1);
        }, 
        function () {
          $("#slika1").fadeTo("normal",0);
        }
      );       
    });
    • Genial!!! Gracias, Jataro!
    • Hmmm, hay un nuevo problema ahora, al mover el mouse rápido de enlace para el submenú imagen no se desvanezca en el 100% y, a continuación, la imagen permanece transparente incluso si hago moseouver de nuevo :/
    • Muchas GRACIAS!!! Usted me salvó un montón de tiempo 🙂
    • Si un jQuery fadeOut evento se interrumpe con una parada en el fadeIn evento sólo ir tan lejos como la opacidad que tenía en el momento de la parada evento fue llamado. Este parece un error, +1, aunque para el fadeTo solución.
  2. 1

    El problema con fadeIn() no funciona cuando el fadeOut() se interrumpe es porque fadeIn() sólo funciona si el elemento está oculto. Si usted lo llama un error o una característica. Para remediar esto se puede hacer de la siguiente.

    $("#mydiv").stop().hide().fadeIn(450);

Dejar respuesta

Please enter your comment!
Please enter your name here