jquery.bxSlide를 이용하여 슬라이드만들기
<script src="/jquery.bxslider/jquery.bxslider.min.js"></script>
<link href="/jquery.bxslider/jquery.bxslider.css" rel="stylesheet" />
<div style="width:600px">
<ul class="slide">
<li><img src="이미지명"></li>
<li<img src="이미지명"></li>
<li><img src="이미지명"></li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
$('.slider').bxSlider({
mode: 'fade', //사라지는 모냥
speen:3000 // 이미지변환 속도 기본 500
pager: true, //하단 페이지
auto: true, //자동시작
captions: true, //캡션
controls:false //전 후 콘트롤 보이기 안보이기
});
});
</script>
사이트 : http://bxslider.com/options
댓글 2개
11년 전
자주쓰는 슬라이드인데 이렇게 정리해놓으니까 편하고 보기좋네요 감사합니다~
7년 전
감사합니다~
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5336 | 1년 전 | 958 | |||
| 5335 | 1년 전 | 980 | |||
| 5334 | 1년 전 | 892 | |||
| 5333 | 1년 전 | 719 | |||
| 5332 |
바다클라우드
|
1년 전 | 3648 | ||
| 5331 |
뽕엄능브라
|
1년 전 | 1675 | ||
| 5330 | 1년 전 | 1334 | |||
| 5329 |
 GREENnBLUE |
1년 전 | 2656 | ||
| 5328 | 1년 전 | 2461 | |||
| 5327 | 1년 전 | 3651 | |||
| 5326 | 1년 전 | 1553 | |||
| 5325 | JavaScript |
 piadream |
1년 전 | 692 | |
| 5324 | OS | 1년 전 | 759 | ||
| 5323 | PHP |
piadream |
1년 전 | 900 | |
| 5322 | PHP |
piadream |
1년 전 | 796 | |
| 5321 | PHP |
piadream |
1년 전 | 657 | |
| 5320 | PHP |
piadream |
1년 전 | 758 | |
| 5319 | PHP |
techstar
|
1년 전 | 805 | |
| 5318 | JavaScript |
piadream |
1년 전 | 672 | |
| 5317 | PHP |
piadream |
1년 전 | 616 | |
| 5316 | PHP |
piadream |
1년 전 | 580 | |
| 5315 | PHP |
piadream |
1년 전 | 690 | |
| 5314 | PHP |
piadream |
1년 전 | 669 | |
| 5313 | PHP |
techstar
|
1년 전 | 769 | |
| 5312 | 정규표현식 |
 linlinHuang |
1년 전 | 646 | |
| 5311 | JavaScript |
 솔루션개발 |
1년 전 | 712 | |
| 5310 | PHP |
 Laraveler |
1년 전 | 2124 | |
| 5309 | PHP |
techstar
|
1년 전 | 1614 | |
| 5308 | PHP |
techstar
|
1년 전 | 678 | |
| 5307 | node.js |
swallow
|
1년 전 | 1432 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기