如何让画廊自动移动

时间:2011-11-21 05:54:05

标签: javascript jquery html

我想让这个画廊自动移动,但我无法在脚本中找到这样做的命令。也许我错过了什么?这是脚本。

这是脚本

http://syndicatebox.com/jquery.slidingGallery-1.2.min.js

我正在使用此脚本

http://www.meadmiracle.com/SlidingGallery.aspx

我用它来调用脚本工作。 但我无法使用此功能使其自动滑动而不点击。

<script language="javascript" type="text/javascript">
    $(function() {
        $('div.gallery img').slidingGallery({
            Lwidth: 400,
            Lheight: 300,
            Lshrink: function(dim) { return dim * 0.5; },
            gutterWidth: -8,
            container: $('div.gallery')     
        });
    });
</script>

4 个答案:

答案 0 :(得分:8)

我将从https://stackoverflow.com/q/8250488/128165

交叉发布我的回答
<script type="text/javascript">
    var autoSlideInterval;

    function start_autoslide(){
        autoSlideInterval = setInterval( function(){
            $.galleryUtility.slideLeft() ;
        }, 5000);
    }

    function stop_autoslide(){
        clearInterval( autoSlideInterval );
    }

    $(function() {
        $('div.gallery img').slidingGallery(); 
        start_autoslide();
    });

</script>

答案 1 :(得分:1)

不确定您的赏金还有什么,但我的建议是使用完全符合您要求的旋转木马。

http://caroufredsel.frebsite.nl/我只有很好的经验。作者可以快速回答问题,添加功能,甚至可以使用setup wizard来获得幻灯片,几乎没有手动配置。

可以选择circular, infinite, auto-play, keyboard driven, pause-on-hover, set cookies, changes directions, etc etc.

我根本不参与该项目,但这是我将用于工作的唯一画廊。

答案 2 :(得分:0)

自己调用这些方法吗?

$.galleryUtility.slideRight( ) 
$.galleryUtility.slideLeft( ) 

答案 3 :(得分:0)

因为它是Jquery,你可以使用“stepcarousel.js”→http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm然后你可以在你的脚本中包含这行代码来调用自动函数。

autostep: {enable: true, moveby:1, pause:5000},

希望这会有所帮助...