使用jquery attr animate淡入图像？

Question

当我点击一个链接时，我设置了一个图像src来显示一个图像：

$('img').attr("src",(myPlaylist.playlist[myPlaylist.current].poster));

它可以正常工作，但我想为图像设置动画以使其淡入，我该怎么做？我已经测试了动画和不透明度，但在某个地方我出错了，我无法让它工作。

所以任何意见都表示赞赏，谢谢。

Answer 1

试试这个？

首先隐藏它：

$('img').css("display", "none");

然后设置你的src：

$('img').attr("src",(myPlaylist.playlist[myPlaylist.current].poster));

然后淡出它：

$('img').fadeIn(500);

Answer 2

预先加载图像（可能在上面的div中）并隐藏它。然后使用fadeIn（）

为其显示动画

Answer 3

试试这个

$('img').fadeIn(100,function(){
    $(this).attr("src",(myPlaylist.playlist[myPlaylist.current].poster));
});