在jquery.gridnav.js中设置自动网格幻灯片

时间:2015-06-08 06:22:28

标签: jquery gridview

http://tympanus.net/Development/GridNavigationEffects/example10.html

http://tympanus.net/Development/GridNavigationEffects/js/jquery.gridnav.js

我希望网格幻灯片的效果相同,但要看到这种效果,我们必须点击之前的&下一个图标,但我在页面加载后自动想要它。

此外,当我们到达最后一行时,它应该会自动从第一张幻灯片开始。

1 个答案:

答案 0 :(得分:0)

让我们一次提出一个问题

对于第一部分,你想自动工作,所以你可以做一件事,在下一个按钮上以编程方式调用click事件。(如果你不希望用户看到它,你也可以用css隐藏按钮) 这是

的代码
$( document ).ready(function() {
    setTimeout(function(){ 
        $('#tj_next').trigger('click'); 
    }, 2000);// Every 2000 miliseconds, i.e. 2 seconds it will show next page
});

在这里,您可以使用设置传递下一次和上次点击的ID,默认情况下它是'tj_next'

如果你想定期调用它,那么你可以使用window.setTimeout