FadeIn FadeOut avec Jquery avec une torsion

Question

Je suis en train de créer un vol stationnaire au-dessus de l'action qui apporte une image colorée et aussi une fois le vol stationnaire est retiré, il disparaît à son image d'origine.

Je suis arrivé au point de la décoloration dans la première image avec l'aide Funka et Brad sur ce forum mais je dois l'obtenir il disparaît une fois que vous passez au large.

À l'heure actuelle, il disparaît de l'image à rien et se fane puis le nouveau. Ce sera alors rester en place indépendamment du fait que je passe la souris hors tension ou non.

Id comme si il semble que l'image couleur se fane par le noir et blanc par opposition à la décoloration à 0 avant de disparaître dans ... ainsi que de revenir une fois le vol stationnaire est supprimé.

Toute aide serait appréciée.

//Loop through the images and print them to the page
   for (var i=0; i < totalBoxes; i++){
    $.ajax({
     url: "random.php?no=",
     cache: false,
     success: function(html) {
      // following line I originally suggested, but let's make it better...
      //$('#bg').append(html).fadeIn('slow');
      // also note the fine difference between append and appendTo.
      var $d = $(html).hide().appendTo('#bg').fadeIn('slow');
      $('img', $d).hover(function() {
       var largePath = $(this).attr("rel");
       $(this).fadeOut("slow", function() {
        $(this).attr({ src: largePath }).fadeIn("slow");
       });
      });
     }
    });
   }

Answer 1

Votre vol stationnaire a seulement une fonction mouseover - de faire quelque chose sur mouseout ...

$('img', $d).hover(function() {
    //This is the mouseover function
    var largePath = $(this).attr("rel");
    $(this).fadeOut("slow", function() {
        $(this).attr({ src: largePath }).fadeIn("slow");
    }
    );
},
function() {
    //This is the mouseout function!  Do something here!
});

Answer 2

Je ne sais pas vraiment, mais jQuery le code suivant si ce que j'ai utilisé et ressemble à ce que vous pourriez être après. Je l'utilise avec des images de sprite pour arrêter le scintillement gênant qui apparaît dans certains navigateurs.

$(function() {
    $(".fadebtn")
    .find("span")
    .hide()
    .end()
    .hover(function() {
            $(this).stop(true, true).find("span").fadeIn(600);
    }, function() {
            $(this).stop(true, true).find("span").fadeOut(200);
    });
});