Glide.js api issue

Glide.js api issue

本文关键字：issue api js Glide      更新时间：2023-09-26

我正在使用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时，最初为"false"的自动播放不起作用，而slider则进行自动播放。我不知道该怎么阻止它。你能帮我吗？

好的，我明白了。

我所做的只是将我在函数中写的所有选项重写为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")}
 });
});

并且它工作于

相关文章：