티스토리 뷰

WEB/JQuery

[이미지 슬라이드 jQuery] bxSlider

silverline79 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

댓글
댓글쓰기 폼
공지사항
최근에 달린 댓글
Total
2,379
Today
0
Yesterday
16
링크
TAG more
«   2021/08   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        
글 보관함