Question

我目前正在使用Sudo Slider，它运行正常。我试图实现一个额外的选项，但无法让它工作 - 很可能是由于我对jquery的经验有限。

我想隐藏第一张幻灯片上的控件，因为有一个替代＆＃34;缩略图＆＃34;该幻灯片上的导航。默认情况下，Sudo Slider会隐藏＆＃34;之前的＆＃34;第一张幻灯片上的按钮和＆＃34; next＆＃34;最后一张幻灯片上的按钮。这似乎很容易隐藏＆＃34;之前的＆＃34;和＆＃34; next＆＃34;第一张幻灯片上的按钮。

我在这个JsFiddle中简化了我的代码，这带来了另一个问题 - 我也是JsFiddle的新手，并且无法使用我目前在网站上托管的Sudo Slider的外部源。因此，这最终成为一个两部分问题：

1-如何让Sudo Slider隐藏特定幻灯片上的控件？

2-如何将Sudo Slider链接到我的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);}

}）;

Answer 1

You 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张幻灯片，模仿某人点击缩略图导航中的缩略图。

使用Sudo Slider，如何隐藏特定幻灯片上的控件？

1 个答案: