bxSlider 예제13. Callback API
2016. 7. 22. 23:33ㆍbxSlider/예제
반응형
13. Callback API
JS:
$('.bxslider').bxSlider({
onSliderLoad: function(){
// do funky JS stuff here
alert('슬라이더 로딩을 완료했습니다. 계속 하려면 확인 클릭!');
},
onSlideAfter: function(){
// do mind-blowing JS stuff here
alert('슬라이드 전환이 완료되었습니다. 계속 하려면 확인 클릭!');
}
});
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>
반응형
'bxSlider > 예제' 카테고리의 다른 글
bxSlider 예제15. Responsive video (0) | 2016.07.22 |
---|---|
bxSlider 예제14. Public methods (0) | 2016.07.22 |
bxSlider 예제12. 복수(멀티) 슬라이드 (0) | 2016.07.22 |
bxSlider 예제11. 이전/다음 버튼의 사용자 정의 (0) | 2016.07.22 |
bxSlider 예제10. 수직(세로방향) 슬라이드 (0) | 2016.07.22 |