图像交换技术-淡入淡出

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 object
• Position
• 将新图像的源设置为旧图像，并将其不透明度设置为1。
• 将旧图像的源设置为新的values
• Finally，，并将其不透明度设置为0。
• 现在可以同时对这两个源进行动画处理，以使新图像不再存在。

这是一个棘手的问题，但应该可以很好地工作:)