使用jQuery 1.3.2的简单图像旋转器

Question

我有这个HTML:

<div class="rotator">
<img src="../images/photos/DSC02625.jpg"/>
<img src="../images/photos/IMG_4825.jpg"/>
<img src="../images/photos/IMG_4869.jpg"/>
</div>

使用jQuery 1.3.2创建简单图像旋转器的最简单方法是什么？

我不想使用插件......

褪色会很好.

谢谢 :)

Answer 1

var $rotator = $(".rotator");
$rotator.find("img:gt(0)").hide();
setTimeout(Rotate, 1000);

function Rotate() {
    var $current = $rotator.find("img:visible");
    var $next = $current.next();
    if ($next.length == 0) $next = $rotator.find("img:eq(0)");
    $current.hide();
    $next.show();
    setTimeout(Rotate, 1000);
}

示例:http://jsfiddle.net/hunter/LMw6F/