单页中的多个滑块

Question

我正在尝试在同一页面中使用两个滑块。这是我的两个滑块的html代码：

<div class="ms-showcase1">
    <!-- masterslider -->
    <div class="master-slider ms-skin-light-6 round-skin" id="masterslider1"></div>
</div>

<div class="ms-showcase1">
    <!-- masterslider -->
    <div class="master-slider ms-skin-light-6 round-skin" id="masterslider2"></div>
</div>

我的javascript代码是：

<script type="text/javascript">     

var slider = new MasterSlider();
slider.setup('masterslider1' , {
    width:1324,
    height:485,
    space:0,
    fillMode:'fit',
    speed:25,
    preload:'all',
    view:'flow',
    loop:true
});

slider.control('bullets',{autohide:false});

$('#myTab a').click(function (e) {
    e.preventDefault()
    $(this).tab('show')
});

SyntaxHighlighter.all();

var slider2 = new MasterSlider();
slider2.setup('masterslider2' , {
    width:1324,
    height:485,
    space:0,
    fillMode:'fit',
    speed:25,
    preload:'all',
    view:'flow',
    loop:true
});

slider2.control('bullets',{autohide:false});

$('#myTab a').click(function (e) {
    e.preventDefault()
    $(this).tab('show')
});

SyntaxHighlighter.all();
</script>

所以现在第一个滑块正常工作，但是当测试它时，第二个滑块甚至在浏览器上显示 ....

我想知道我是否错过任何事情......

我是这个的初学者..非常感谢你的帮助。

Answer 1

http://www.masterslider.com/doc/#quickstart

请仔细阅读文档!!!