幻灯片中的Jquery自动加载功能

时间:2014-08-21 09:59:45

标签: javascript jquery

我找到了漂亮的幻灯片:

tutorialzine.com/2014/05/jquery-image-slideshow-plugin /

但仅在点击激活按钮后才有效。如何修改.js文件:

(function ($) {
$('#activate').on('click', function () {
    $('img').slideShow({
        timeOut: 2000,
        showNavigation: true,
        pauseOnHover: true,
        swipeNavigation: true
    });
}(jQuery));

以便它自动运行。迎接。

2 个答案:

答案 0 :(得分:0)

您可以使用设置间隔功能,每隔2秒钟点击一次激活按钮,这是示例

setInterval(function() {
         $('#activate').trigger('click');
    }, 2000);

答案 1 :(得分:0)

只需将其放入文档就绪函数

即可
$(document).ready(function()}{
        $('img').slideShow({
            timeOut: 2000,
            showNavigation: true,
            pauseOnHover: true,
            swipeNavigation: true
        });
    })