图像之间褪色

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>