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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5396 | 기타 |
슈퍼스타맨
|
4개월 전 | 351 | |
| 5395 | PHP |
untitled
|
5개월 전 | 822 | |
| 5394 | MySQL |
선택과집중
|
6개월 전 | 594 | |
| 5393 | 웹서버 |
techstar
|
8개월 전 | 862 | |
| 5392 |
 oneit |
1년 전 | 1218 | ||
| 5391 | 10개월 전 | 1118 | |||
| 5390 | 10개월 전 | 905 | |||
| 5389 | 9개월 전 | 874 | |||
| 5388 | 9개월 전 | 974 | |||
| 5387 | 8개월 전 | 807 | |||
| 5386 | JavaScript |
nekoieye
|
8개월 전 | 971 | |
| 5385 | 웹서버 | 8개월 전 | 989 | ||
| 5384 | JavaScript |
 수평선1203 |
9개월 전 | 819 | |
| 5383 | 기타 | 10개월 전 | 1127 | ||
| 5382 | 기타 |
수평선1203 |
10개월 전 | 577 | |
| 5381 | JavaScript | 10개월 전 | 905 | ||
| 5380 | 기타 |
지구인430 |
10개월 전 | 691 | |
| 5379 | JavaScript | 10개월 전 | 690 | ||
| 5378 | 10개월 전 | 1198 | |||
| 5377 | 기타 |
수평선1203 |
11개월 전 | 760 | |
| 5376 | jQuery |
수평선1203 |
11개월 전 | 574 | |
| 5375 | jQuery |
techstar
|
11개월 전 | 728 | |
| 5374 | 기타 |
수평선1203 |
11개월 전 | 780 | |
| 5373 | MySQL |
 wodud3073 |
11개월 전 | 810 | |
| 5372 | 기타 |
수평선1203 |
11개월 전 | 1013 | |
| 5371 | JavaScript |
wodud3073 |
11개월 전 | 727 | |
| 5370 | JavaScript |
wodud3073 |
11개월 전 | 731 | |
| 5369 | PHP |
wodud3073 |
11개월 전 | 1243 | |
| 5368 | PHP | 1년 전 | 1408 | ||
| 5367 | 기타 |
nekoieye
|
1년 전 | 1283 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기