我目前正在使用Sudo滑块,它工作得很好。我正在尝试实现一个额外的选项,但无法让它工作——很可能是由于我对jquery的经验有限。
我想隐藏第一张幻灯片上的控件,因为该幻灯片上有一个可选的"缩略图"导航。默认情况下,Sudo Slider隐藏第一张幻灯片上的"上一个"按钮和最后一张幻灯片上的"下一个"按钮。这看起来应该很容易隐藏第一张幻灯片上的"上一步"one_answers"下一步"按钮。
我在这个JsFiddle中简化了我的代码,这带来了另一个问题——我也是JsFiddle的新手,不能让小提琴使用我目前在网站上托管的Sudo Slider的外部源。所以,这最终是一个由两部分组成的问题:
1-如何让Sudo滑块隐藏特定幻灯片上的控件?
2-我如何链接Sudo滑块到我的JsFiddle?
任何帮助都会很感激。谢谢!
PS:这里有一个代码片段,因为Stack不允许链接到JsFiddle,如果没有一些代码:
$(document).ready(function(){
var sudoSlider = $("#slider").sudoSlider({
customLink:'a.customLink',
prevNext:false,
updateBefore: true,
currentFunc: function(t){
if (t != 1) $('#controlsId').stop().fadeTo(500, 1);}
});
您的JsFiddle包含外部脚本很好,只是脚本中有一些语法错误。
currentFunc在3.0.0版中从SudoSlider中删除,所以我不知道为什么你要使用它。
你在找这样的东西吗?http://jsfiddle.net/eS5gQ/3/
var sudoSlider = $("#slider").sudoSlider({
customLink:'area.customLink, a.customLink',
prevNext:false,
updateBefore: true,
afterAnimation: function(t){
if (t != 1) {
$('#controlsId').stop().fadeTo(500, 1);
}
},
beforeAnimation: function (t) {
if (t == 1) {
$('#controlsId').stop().fadeTo(500, 0);
}
}
});
我使滑块在2秒后转到第2张幻灯片,以模拟某人在缩略图导航中单击缩略图。