图像之间的淡入

本文介绍了图像之间的淡入的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

如何使用jQuery在两个图像之间淡入淡出旋转?例如.

How can i fade rotate between two images using jQuery?Say for example.

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

我希望图像在每2秒之间淡入/淡出

I like the images to fade in/out between for say 2seconds each.

谢谢！非常感激. :)

Thanks! Much appreciated. :)

推荐答案

我敲了一个简单的例子.

A simple example i knocked up.

<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>

这篇关于图像之间的淡入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！