Add Back切换到简单幻灯片

时间:2013-05-15 18:57:57

标签: javascript jquery slideshow toggleswitch

我发现了一些用于制作幻灯片的简单代码,但它是一个自动播放幻灯片,我希望自动播放功能以及下一个/后退切换。

这是我的代码:

$(function () {

    $("#slideshow > div:gt(0)").hide();

    setInterval(function () {
        $('#slideshow > div:first')
            .fadeOut(2000)
            .next()
            .fadeIn(2000)
            .end()
            .appendTo('#slideshow');
    }, 6000);

});

和HTML

<div id="slideshow">
    <div>
        <a href="agency/thestudio.html">
            <img src="Images/slide1.gif" border="0" />
        </a>
    </div>
    <div>
        <a href="agency/mm.html">
            <img src="Images/slide2.gif" border="0" />
        </a>
    </div>
    <div>
        <a href="agency/thestudio.html">
            <img src="Images/slide3.gif" border="0" />
        </a>
    </div>
</div>

0 个答案:

没有答案