如何制作替换图像fadeIn（）

Question

我一直在玩一个脚本，将图像从低质量版本替换为高质量版本，替换工作正常，但是，我需要更换的图像缓慢淡入而不是立即更换，因为它是现在

//For each of the images in the class
$(".image-to-be-reloaded").each(function (i, classReturn) {

    var image = classReturn.firstChild; //Gets the image for that element


    //Get the original source
    var originalSource = image.src;

    //Replaces the preview within the query string to use the high quality version.
    var finishedSource = //My replace method goes here

    image.src = finishedSource; //Update the image src


    $(classReturn).replaceWith(image).fadeIn(10000);

});

我正在使用的fadeIn虽然前面的文字确实没有被执行，但我在这里做错了什么？

Answer 1

我找到了一种方法来实现我尝试使用以下代码段做的事情。

$(classReturn).replaceWith(function () {
    return $(image).hide().fadeIn(4000);
});