jquery - 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));
});