jquery - 图像之间的淡入淡出

Question

如何使用 jQuery 在两个图像之间淡入淡出旋转？举个例子吧。

<img src="image01.jpg" />
<img src="image02.jpg" />

我喜欢图像淡入/淡出，每次淡入/淡出 2 秒。

谢谢!非常感激。 :)

Answer 1

我举出的一个简单例子。

<div id="imageSwap">
</div>  


 <script language="javascript" type="text/javascript">

    $(document).ready(function () {
      setImageOne();
    });

    function setImageOne() {
      $('#imageSwap').fadeIn(500).html('<img src="image01.jpg" />').delay(2000).fadeOut(500, function () { setImageTwo(); });
    }

    function setImageTwo() {
      $('#imageSwap').fadeIn(500).html('<img src="image02.jpg" />').delay(2000).fadeOut(500, function () { setImageOne(); });
    }

  </script>