bxSlider 예제19. Reload slider with new settings
2016. 7. 22. 23:36ㆍbxSlider/예제
반응형
19. Reload slider with new settings
Click to reload slider with new settings
JS:
var slider = $('.bxslider').bxSlider({
mode: 'horizontal'
});
$('#reload-slider').click(function(e){
e.preventDefault();
slider.reloadSlider({
mode: 'fade',
auto: true,
pause: 1000,
speed: 500
});
});
HTML:
<ul class="bxslider">
<li><img src="/images/730_200/tree_root.jpg" /></li>
<li><img src="/images/730_200/hill_road.jpg" /></li>
</ul>
<p><a href="" id="reload-slider">Click to reload slider with new settings</a></p>
반응형
'bxSlider > 예제' 카테고리의 다른 글
| bxSlider 예제18. Reload slider (1) | 2016.07.22 |
|---|---|
| bxSlider 예제17. Custom easing (0) | 2016.07.22 |
| bxSlider 예제16. 계속 슬라이드 (Ticker mode) (0) | 2016.07.22 |
| bxSlider 예제15. Responsive video (0) | 2016.07.22 |
| bxSlider 예제14. Public methods (0) | 2016.07.22 |