bxSlider 예제18. Reload slider

18. Reload slider

• 
• 

Click to add a slide, then reload the slider

JS:

var slider = $('.bxslider').bxSlider({ mode: 'horizontal' }); $('#reload-slider').click(function(e){ e.preventDefault(); $('.bxslider').append('<li><img src="/images/730_200/trees.jpg"></li>'); slider.reloadSlider(); });

HTML:

<ul class="bxslider"> <li><img src="/images/730_200/tree_root.jpg" title="Funky roots" /></li> <li><img src="/images/730_200/hill_road.jpg" title="The long and winding road" /></li> </ul> <p><a href="" id="reload-slider">Click to add a slide, then reload the slider</a></p>