多个滑块,组合导航

时间:2013-03-29 15:35:38

标签: jquery slider

我正在使用jquery easy滑块1.7并在这里遇到一些问题。 我正试图在我的网页上获得多个滑块,这些滑块都由一个导航控制。问题是,我创建的每个新滑块都带有自己的导航。有没有办法组合这些导航?

我对javascript不太熟悉,所以如果有人能帮我解决这个问题会很棒。

我正在使用数字导航,所以我想我必须在这里更改或添加内容:

if(options.numeric){
for(var i=0;i<s;i++){
    $(document.createElement("li"))
        .attr('id',options.numericId + (i+1))
        // THIS LINE:
        .html('<a rel='+ i +' href=\"javascript:void(0);\">'+ slideName[i] +'</a>')
        .appendTo($("#"+ options.numericId))
        .click(function(){
            animate($("a",$(this)).attr('rel'),true);
         });

};      
        } else {
            $("a","#"+options.nextId).click(function(){     
                animate("next",true);
            });
            $("a","#"+options.prevId).click(function(){     
                animate("prev",true);               
            }); 
            $("a","#"+options.firstId).click(function(){        
                animate("first",true);
            });             
            $("a","#"+options.lastId).click(function(){     
                animate("last",true);               
            });             
        };

提前致谢

1 个答案:

答案 0 :(得分:0)

您无需编辑核心脚本即可更改功能。使用可用的参数。现在,所有滑块控件都具有相同的ID。它并没有抛出错误,但它并没有让我感到意外,因为它不起作用。

如果您还没有使用一个滑块,请先执行此操作。

如果是这样,那么请确保您使用的参数包含唯一ID(如果您必须使用该参数):

$("#slider").easySlider({ 
    numericId: 'navi1'
})
$("#slider2").easySlider({
    numericId: 'navi2'
})

再看一下示例的源代码:http://cssglobe.com/lab/easyslider1.5/05.html。那里有两个独立的滑块。