[이미지 슬라이드 jQuery] bxSlider

이미지 슬라이드 bxSlider

 

JS - Image gallery with captions

$(function(){
  $('.bxslider').bxSlider({
    mode: 'fade',
    captions: true,
    slideWidth: 600
  });
});

JS - Auto show with start / stop controls

$('.bxslider').bxSlider({
  auto: true,
  autoControls: true,
  stopAutoOnClick: true,
  pager: true,
  slideWidth: 600
});

HTML

<div class="bxslider">
  <div><img src="/assets/images/coffee1.jpg"></div>
  <div><img src="/assets/images/coffee2.jpg"></div>
  <div><img src="/assets/images/coffee3.jpg"></div>
</div>

bxslider.com/

jQuery Content Slider | Responsive jQuery Slider | bxSlider

 

bxslider-4-4.2.12.zip

3.26MB