当我点击一个链接时,我设置了一个图像 src 来显示一个图像:
$('img').attr("src",(myPlaylist.playlist[myPlaylist.current].poster));
它可以正常工作,但是我想为图像设置动画以使其淡入,我该怎么做?我已经用动画和不透明度进行了测试,但是在某个地方我出错了,我无法让它工作。
因此,任何输入表示赞赏,谢谢。
尝试这个?
首先隐藏它:
$('img').css("display", "none");
然后设置你的源代码:
$('img').attr("src",(myPlaylist.playlist[myPlaylist.current].poster));
然后淡入:
$('img').fadeIn(500);
尝试这个
$('img').fadeIn(100,function(){
$(this).attr("src",(myPlaylist.playlist[myPlaylist.current].poster));
});
预先加载图像(可能在上面分层的 div 中)并隐藏它。然后用fadeIn()对其进行动画显示