Javascript Glide.js api问题

Javascript Glide.js api问题,javascript,jquery,html,css,slider,Javascript,Jquery,Html,Css,Slider,我正在使用Glide.js插件创建一个滑块。我做了文档中所说的一切。在html中,我有: <div class="slider" id="paintSlider"> <ul class="slides"> <li class="slide paint"> <span><img src="img/glowna_tlo.jpg" alt="">&

我正在使用Glide.js插件创建一个滑块。我做了文档中所说的一切。在html中,我有:

<div class="slider" id="paintSlider">
            <ul class="slides">
                <li class="slide paint">
                    <span><img src="img/glowna_tlo.jpg" alt=""></span>
                </li>
                <li class="slide paint">
                    <span><img src="img/paint6.jpg" alt=""></span>
                </li>
                <li class="slide paint">
                    <span><img src="img/paint3.jpg" alt=""></span>
                </li>
                <li class="slide paint">
                    <span><img src="img/paint2.jpg" alt=""></span>
                </li>
                <li class="slide paint">
                    <span><img src="img/paint5.jpg" alt=""></span>
                </li>
                <li class="slide paint">
                    <span><img src="img/paint4.jpg" alt=""></span>
                </li>
            </ul>
        </div>
我必须单击slider上的图像以将其调整为全尺寸,我做到了,但要做到这一点,我必须创建slider api:

var glide = $('#paintSlider').glide().data('api_glide');

$(".lupaHolder a").click(function(){
    var slide = glide.current();
    var Src = $('li.slide.paint:nth-child(' + slide + ')').find("img").attr("src");
    $(this).attr({
        "href" : Src,
        "data-lightbox" : Src
     });

});
我的问题从这里开始;当我创建一个api时,起初为“false”的autoplay不起作用,而slider执行autoplay。我不知道如何阻止它。你能帮我吗?好的,我知道了

我所做的只是将我在函数中编写的所有选项重写到api中,然后删除了这个函数

比如:

并删除以下内容:

(function() {
$('#paintSlider').glide({
    autoplay : 0,
    hoverpause : false,
    navigation : false,
    arrowRightText : '',
    arrowLeftText : '',
    circular : true,
    afterInit:function(){console.log("paintSlider")}

 });
});
它是有效的

var glide = $('#paintSlider').glide({autoplay : 0,
    hoverpause : false,
    navigation : false,
    arrowRightText : '',
    arrowLeftText : '',
    circular : true
    }).data('api_glide');
(function() {
$('#paintSlider').glide({
    autoplay : 0,
    hoverpause : false,
    navigation : false,
    arrowRightText : '',
    arrowLeftText : '',
    circular : true,
    afterInit:function(){console.log("paintSlider")}

 });
});