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 |
jQuery Content Slider | Responsive jQuery Slider | bxSlider
Coded with ♥ by
bxslider.com