我在页面中使用了easy滑块,但我想在同一页面中添加另一个滑块。现在我有问题,如果我使用具有相同ID或类的div它不起作用。
例如: -
<div class="slider">
<ul>
<li><a href="#"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
<li><a href="#"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
<li><a href="#"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>
</ul>
</div>
如果我在同一页面中使用相同的类,则它不起作用。 PLZ帮助我在同一页面中多次管理相同的滑块。
答案 0 :(得分:1)
如果您在JavaScript代码中使用此方法,
$("#slider").easySlider({
auto: true,
continuous: true
});
然后创建
<div id="slider" class="slider">
<ul>
<li><a href="#"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
<li><a href="#"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
<li><a href="#"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>
</ul>
</div>
<div id="slider_new" class="slider">
<ul>
<li><a href="#"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
<li><a href="#"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
<li><a href="#"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>
</ul>
</div>
然后将幻灯片JavaScript添加两次,例如
$("#slider").easySlider({
auto: true,
continuous: true
});
$("#slider_new").easySlider({
auto: true,
continuous: true
});
这应该有效。 我假设你正在使用this