bxSlider 예제11. 이전/다음 버튼의 사용자 정의

11. Custom next / prev control selectors

• 
• 
• 

This div is outside of the slider
|

JS:

$('.bxslider').bxSlider({ nextSelector: '#slider-next', prevSelector: '#slider-prev', nextText: 'Onward →', prevText: '← Go back' });

HTML:

<ul class="bxslider"> <li><img src="/images/730_200/hill_trees.jpg" /></li> <li><img src="/images/730_200/me_trees.jpg" /></li> <li><img src="/images/730_200/houses.jpg" /></li> </ul> <div class="outside"> <h3>This div is outside of the slider</h3> <p><span id="slider-prev"></span> | <span id="slider-next"></span></p> </div>