Jquery如何使用两个滑块加载flexslider并同时滑动? Jquery的
<script type="text/javascript">
$(window).load(function(){
$('#banner').css("visibility", "visible");
$('#banner').flexslider({
animation: "fade",
pauseOnHover: true,
controlNav: false,
slideshowSpeed: 3000,
directionNav: false,
slideshow: true
});
$('#tag').css("visibility", "visible");
$('#tag').flexslider({
animation: "fade",
pauseOnHover: true,
controlNav: false,
slideshowSpeed: 3000,
directionNav: false,
slideshow: true
});
});
</script>
我的HTML
<div id="banner">
<ul class="slides">
<li><img src="assets/images/banner.jpg" alt=""></li>
<li><img src="assets/images/banner2.jpg" alt=""></li>
<li><img src="assets/images/banner3.jpg" alt=""></li>
<li><img src="assets/images/banner4.jpg" alt=""></li>
</ul>
</div>
<div id="tag">
<ul class="slides">
<li><img src="assets/images/big_image.jpg" alt="" ></li>
<li><img src="assets/images/big_image2.jpg" alt=""></li>
<li><img src="assets/images/big_image3.jpg" alt=""></li>
<li><img src="assets/images/big_image4.jpg" alt=""></li>
</ul>
</div>
即使他们有相同的幻灯片速度,他们也不会同时滑动。