Easy Slider Jquery插件

| 您好,我正在尝试建立一个具有手风琴和滑盖的网站。 它是这样的。第一组手风琴在加载时打开。该视口中的滑块是水平的。 第二套手风琴也是如此 但是无法在同一页面上实现tw滑块。 我正在使用以下插件:http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider http://bakasura.in/delight/     
已邀请:
我看到几个问题。首先是您使用了错误版本的easySlider。看来您使用的是旧版本,而不是更新的1.7版本:http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider 您的页面中也有手风琴和easyslider JavaScript文件的多个副本:
<script type=\"text/javascript\" src=\"js/jquery.accordion.js\"></script>
<script type=\"text/javascript\" src=\"js/jquery.accordion.min.js\"></script>
<script type=\"text/javascript\" src=\"js/easySlider.js\"></script>
<script type=\"text/javascript\" src=\"js/easySlider.packed.js\"></script>
两者都不需要,您需要选择一个或另一个:
<script type=\"text/javascript\" src=\"js/jquery.accordion.min.js\"></script>
<script type=\"text/javascript\" src=\"js/easySlider.js\"></script>
另一个问题是您有2组上一页/下一页按钮,它们各自具有相同的ID值。您应该创建唯一的ID值,然后使用easyslider的prevId和nextId功能选择正确的值: 关于按钮:
<div class=\"sub-next\"><span id=\"aboutNextBtn\"><a href=\"javascript:void(0);\"><img src=\"images/control_next.png\"></a></span></div>
<div class=\"sub-prev\"><span id=\"aboutPrevBtn\"><a href=\"javascript:void(0);\"><img src=\"images/control_back.png\"></a></span></div>
工作按钮:
<div class=\"control-prev\"> <span id=\"workNextBtn\"><a href=\"javascript:void(0);\"><img src=\"images/control_prev.gif\" width=\"36\" height=\"30\"></a></span></div>
<div class=\"control-next\"><span id=\"workPrevBtn\"><a href=\"javascript:void(0);\"> <img src=\"images/control_nxt.gif\" width=\"36\" height=\"30\"></a></span></div>
新的jQuery代码:
$(\"#slider\").easySlider({
    prevId: \'aboutPrevBtn\',
    nextId: \'aboutNextBtn\',
    continuous: true, 
    controlsShow: false
});

$(\"#workcase\").easySlider({
    prevId: \'workNextBtn\', 
    nextId: \'workPrevBtn\', 
    controlsShow: false
});
请注意,如何使用controlsShow选项隐藏easySlider的默认控件。     

要回复问题请先登录注册