总结例子，这是你需要做一个幻灯片：

HTML：

<div id="slideshow">
    <img src="img1.jpg" style="position:absolute;" class="active" />
    <img src="img2.jpg" style="position:absolute;" />
    <img src="img3.jpg" style="position:absolute;" />
</div>

位置绝对用于将每个图像放在另一个上。

CSS

<style type="text/css">
    .active{
        z-index:99;
    }
</style>

具有class =“active”的图像将出现在其他图像上，class = active属性将随着以下Jquery代码而更改。

<script>
    function slideSwitch() {
        var $active = $('div#slideshow IMG.active');
        var $next = $active.next();    

        $next.addClass('active');

        $active.removeClass('active');
    }

    $(function() {
        setInterval( "slideSwitch()",5000 );
    });
</script>

如果你想进一步与幻灯片我建议你看看上面的链接(看到动画oppacity的变化 – 2n示例)或其他更复杂的幻灯片教程。