フェードインは、ひねりを加えたjQueryを使ってフェードアウト

Question

私は、カラー画像にもたらし、ホバーが除去されると、それが元の画像にフェードインアクションの上にホバーを作成しようとしています。

私は、しかし、私はあなたがオフにホバー一度それがフェードアウトして、それを取得する必要があります。

このフォーラムのヘルプ粉化し、ブラッドとの最初の画像に退色のポイントにそれを得ました

現在、それは何にも画像をフェードアウトし、その後に新しいものをフェードイン。これは、その後にかかわらず、私はオフホバリングまたは全くかの場所に滞在します。

そのような

IDにおけるフェージング前に0にフェージング...ならびにホバーが除去されると元に戻すに並置としてカラー画像を白黒一方を通してフェージングているように思えるので。

任意の助けいただければ幸いです。

//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

あなたのホバーはマウスオーバー機能を持っている - マウスアウト...

に何かをします

$('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

私は本当にjQueryのを知っていませんが、次のコード、私が使用して、あなたが後になるかもしれないもののように聞こえるされているかどうかあれば。私は一部のブラウザで表示される迷惑なちらつきを停止するにはスプライト画像とそれを使用しています。

$(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);
    });
});