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

Jquery automatic load function in slideshow

本文关键字:加载 功能 幻灯片 Jquery      更新时间:2023-09-26

我发现了一个不错的幻灯片:

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秒激活按钮将被点击,这里是一个例子

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

放到document ready函数中

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