티스토리 뷰

WEB/JQuery

[이미지 슬라이드 jQuery] bxSlider

silverline79 2021. 5. 3. 06:00

이미지 슬라이드 bxSlider

 

JS - Image gallery with captions

1
2
3
4
5
6
7
$(function(){
  $('.bxslider').bxSlider({
    mode: 'fade',
    captions: true,
    slideWidth: 600
  });
});
 cs

JS - Auto show with start / stop controls

1
2
3
4
5
6
7
$('.bxslider').bxSlider({
  auto: true,
  autoControls: true,
  stopAutoOnClick: true,
  pager: true,
  slideWidth: 600
});
 cs

HTML

1
2
3
4
5
<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>
 cs

bxslider.com/

 

jQuery Content Slider | Responsive jQuery Slider | bxSlider

Coded with ♥ by

bxslider.com

 

bxslider-4-4.2.12.zip
3.26MB

'WEB > JQuery' 카테고리의 다른 글

[상단 이동 jQuery]  (0) 2021.05.09
[이미지 슬라이드 jQuery] RoyalSilder (유료)  (0) 2021.05.07
[이미지 슬라이드 jQuery] owlcarousel  (0) 2021.05.06
[이미지 슬라이드 jQuery] swiperjs  (0) 2021.05.05
[이미지 슬라이드 jQuery] SlideJs  (0) 2021.05.04
댓글