bxSlider 예제14. Public methods

14. Public methods

• 
• 
• 

Click me to go to the next slide
Click me to see the total slide count

JS:

var slider = $('.bxslider').bxSlider({ mode: 'fade' }); $('#slider-next').click(function(){ slider.goToNextSlide(); return false; }); $('#slider-count').click(function(){ var count = slider.getSlideCount(); alert('Slide count: ' + count); return false; });

HTML:

<ul class="bxslider"> <li><img src="/images/730_200/tree_root.jpg" /></li> <li><img src="/images/730_200/hill_fence.jpg" /></li> <li><img src="/images/730_200/houses.jpg" /></li> </ul> <p><a href="" id="slider-next">Click me to go to the next slide</a><br /> <a href="" id="slider-count">Click me to see the total slide count</a></p>