文章/答案/技术大牛

发布

问Glide.js api问题
EN

Stack Overflow用户

提问于 2014-09-08 08:41:14

回答 1查看 1.3K关注 0票数 1

我正在创建一个滑块使用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“的自动播放不起作用，而滑块则做自动播放。我不知道怎么阻止它。你能帮帮我吗？

javascript

jquery

html

css

slider

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-09-09 08:08:55

好的，我知道了。

我所做的就是重写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")}

 });
});

而且起作用了

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25720313

复制

相似问题

问Glide.js api问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Glide.js api问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Glide.js api问题
EN