fadein fadeout مع jQuery مع تطور

Question

أحاول إنشاء تحريك على الإجراء الذي يجلب صورة ملونة وأيضا بمجرد إزالة التحريك يتلاشى مرة أخرى إلى صورته الأصلية.

حصلت عليه إلى حد ما يتلاشى في الصورة الأولى بمساعدة Funka و Brad في هذا المنتدى، لكنني بحاجة إلى الحصول عليها حتى يتلاشى بمجرد تحديدك.

حاليا يتلاشى الصورة إلى لا شيء ثم يتلاشى الجديد في. هذا سيبقى في مكانه بغض النظر عما إذا كنت أحرز أو لا.

معرف معرف ذلك، لذلك يبدو أن الصورة الملونة تتلاشى من خلال اللون الأسود والأبيض المتزايد إلى تلاشى إلى 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

تحوم فقط لديه وظيفة الماوس فقط - للقيام بشيء ما في 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

أنا لا أعرف حقا 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);
    });
});