javascriptまたはjqueryの軽量なフェージング画像遷移を誰でも提案できますか? 私はこれに沿って何かを考えています：
document.getElementById("foo").src="images/robin.jpg";
html は次のようになります。
<img id="foo" src="images/batman.png"/>
ここでの問題は、画像がフェードせず、すぐに変化することです。確かに、2 つの画像を個別にスタックしてアニメーション化できますが、1 つの画像を置き換えようとしています。より整頓されたコードになります。どんなアドバイスでも大歓迎です。ありがとう！