如何让画廊自动移动

How to get gallery to automatically move

本文关键字：移动      更新时间：2023-09-26

我试图让这个画廊自动移动，但我找不到命令在脚本中这样做。也许我错过了什么?脚本如下:

脚本

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>

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

不知道你还在寻找什么，但我的建议是使用旋转木马，这正是你想要的。

我对http://caroufredsel.frebsite.nl/有很好的经验。作者是快速回答问题，添加功能，甚至有一个设置向导，使幻灯片运行几乎零手动配置。

有循环，无限，自动播放，键盘驱动，悬停暂停，设置cookie，改变方向等选项。

我根本没有参与这个项目，但这是我唯一一个用于我的工作的画廊。

自己调用这些方法?

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

因为它是Jquery，你可以使用"stepcarousel.js" →http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm，然后您可以将这行代码包含在脚本中以调用auto函数。

autostep: {enable: true, moveby:1, pause:5000},
相关文章：