Question

我正在使用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>

我在script.js中有代码

$(function() {
$('#paintSlider').glide({
    autoplay : false,
    hoverpause : false,
    navigation : false,
    arrowRightText : '',
    arrowLeftText : '',
    circular : true

});
});

我必须点击滑块上的图像才能将其调整为完整尺寸，我做到了，但要做到这一点，我必须创建滑块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时，首先“假”的自动播放不起作用，并且滑块执行自动播放。我不知道如何阻止它。你能帮帮我吗？

Answer 1

好的，我明白了。

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

像：

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")}

 });
});

并且有效

Glide.js api问题

1 个答案: