图像交换技术 - 反而淡化

Question

我在下面使用此代码在悬停时交换图片：

$(function() {
    $("#compost").hover(function() {
        origImage=$(this).attr("src");
        $(this).attr("src", "images/order-compost-over.gif")
    },function() {
        $(this).attr("src", origImage)
    });
}); 

我试图使用fadeIn而不是交换。我尝试过它，但没有运气。我尝试使用img标签fadeIn，但它没有用。

Answer 1

结帐ImageSwitch。做你想要的一切，还有更多。

Answer 2

如果您尝试“合并”这两个图像，则无法使用标准技术。

相反，你应该：

• 创建新的IMG对象
• 完全超出上一张图片的位置
• 将新图像的src设置为旧图像并将其不透明度设置为1.
• 将旧图像的src设置为新URL并将其不透明度设置为0.
• 现在同时为两个值设置动画
• 最后，摆脱新形象。

这是一个棘手的问题，但应该可以正常工作：）