|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<ul class="bxslider" > <li> <img src="http://img-store.mypracticalskills.com/color-library/rgb-ext-20.jpg" height="200px"/></li> <li> <img src="http://img-store.mypracticalskills.com/color-library/rgb-ext-42.jpg" height="200px"/></li> <li><img src="http://img-store.mypracticalskills.com/color-library/rgb-ext-54.jpg" height="200px"/></li> <li><img src="http://img-store.mypracticalskills.com/color-library/rgb-ext-01.jpg" height="200px"/></li> <li> <img src="http://img-store.mypracticalskills.com/color-library/rgb-ext-20.jpg" height="200px"/></li> <li> <img src="http://img-store.mypracticalskills.com/color-library/rgb-ext-42.jpg" height="200px" /></li> </ul> <ul class="bxslider1"> <li><img src="http://bxslider.com/images/730_200/hill_trees.jpg" /></li> <li><img src="http://bxslider.com/images/730_200/me_trees.jpg" /></li> <li><img src="http://bxslider.com/images/730_200/houses.jpg" /></li> <li><img src="http://bxslider.com/images/730_200/tree_root.jpg" /></li> <li><img src="http://bxslider.com/images/730_200/hill_fence.jpg" /></li> <li><img src="http://bxslider.com/images/730_200/trees.jpg" /></li> </ul> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
var slider = $('.bxslider').bxSlider({ onSlideNext: doThis, onSlidePrev: doThis }); var slider1 = $('.bxslider1').bxSlider({ onSlideNext: doThis, onSlidePrev: doThis }); function doThis(ele, old, newi){ slider.goToSlide(newi); slider1.goToSlide(newi); } |