Javascript Glide.js api问题
我正在使用Glide.js插件创建一个滑块。我做了文档中所说的一切。在html中,我有: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="">&
<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")}
});
});