如何从 super.simple.slider 中删除 left/right 导航按钮
How to remove left/right nav buttons from the super.simple.slider
你好,我有一个网格布局,在大多数方块中都有滑块。正如您在下面看到的,我的 jquery 有两个部分,因为我有两个不同的滑块,具有 2 种不同的效果。在其中一个滑块中,我想关闭 Nav 按钮,我认为这在 jquery 中的 ShowNav 选项下会非常简单,但这是行不通的。谁能告诉我我做错了什么?
我已经包含了一个 livelink here,我将在问题得到回答后将其删除,以便将来 postpost 的真实性。
$(function(){
$('.slider').sss({
slideShow : true, // Set to false to prevent SSS from automatically animating.
startOn : 0, // Slide to display first. Uses array notation (0 = first slide).
transition : 800, // Length (in milliseconds) of the fade transition.
speed : 40000, // Slideshow speed in milliseconds.
showNav : true // Set to false to hide navigation arrows.
});
$('.slider2').sss({
slideShow : true, // Set to false to prevent SSS from automatically animating.
startOn : 0, // Slide to display first. Uses array notation (0 = first slide).
transition : 400, // Length (in milliseconds) of the fade transition.
speed : 20000, // Slideshow speed in milliseconds.
showNav : false // Set to false to hide navigation arrows.
});
});
HTML
<div class="trigger">
<div tabindex="0" class="maincontent static"><div class="slider2">
<img src="slide1.png" height="200" width="200" />
<img src="slide2.png" height="200" width="200" />
<img src="slide3.png" height="200" width="200" />
<img src="slide4.png" height="200" width="200" />
</div></div>
</div>
我查看了他们的代码,他们似乎将 "showNav" 更改为 "arrows"
var settings = $.extend({
slideShow : true,
startOn : 0,
speed : 3500,
transition : 400,
arrows : true
}, options);
尝试更改该选项,您应该可以开始了。
你好,我有一个网格布局,在大多数方块中都有滑块。正如您在下面看到的,我的 jquery 有两个部分,因为我有两个不同的滑块,具有 2 种不同的效果。在其中一个滑块中,我想关闭 Nav 按钮,我认为这在 jquery 中的 ShowNav 选项下会非常简单,但这是行不通的。谁能告诉我我做错了什么?
我已经包含了一个 livelink here,我将在问题得到回答后将其删除,以便将来 postpost 的真实性。
$(function(){
$('.slider').sss({
slideShow : true, // Set to false to prevent SSS from automatically animating.
startOn : 0, // Slide to display first. Uses array notation (0 = first slide).
transition : 800, // Length (in milliseconds) of the fade transition.
speed : 40000, // Slideshow speed in milliseconds.
showNav : true // Set to false to hide navigation arrows.
});
$('.slider2').sss({
slideShow : true, // Set to false to prevent SSS from automatically animating.
startOn : 0, // Slide to display first. Uses array notation (0 = first slide).
transition : 400, // Length (in milliseconds) of the fade transition.
speed : 20000, // Slideshow speed in milliseconds.
showNav : false // Set to false to hide navigation arrows.
});
});
HTML
<div class="trigger">
<div tabindex="0" class="maincontent static"><div class="slider2">
<img src="slide1.png" height="200" width="200" />
<img src="slide2.png" height="200" width="200" />
<img src="slide3.png" height="200" width="200" />
<img src="slide4.png" height="200" width="200" />
</div></div>
</div>
我查看了他们的代码,他们似乎将 "showNav" 更改为 "arrows"
var settings = $.extend({
slideShow : true,
startOn : 0,
speed : 3500,
transition : 400,
arrows : true
}, options);
尝试更改该选项,您应该可以开始了。