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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5366 | 기타 |
nekoieye
|
1년 전 | 1118 | |
| 5365 | PHP | 1년 전 | 773 | ||
| 5364 | JavaScript | 1년 전 | 526 | ||
| 5363 | JavaScript | 1년 전 | 993 | ||
| 5362 | 1년 전 | 1231 | |||
| 5361 | JavaScript | 1년 전 | 1241 | ||
| 5360 |
그누보드이해하기
|
1년 전 | 776 | ||
| 5359 | 1년 전 | 1091 | |||
| 5358 | 1년 전 | 1095 | |||
| 5357 | 1년 전 | 807 | |||
| 5356 | 1년 전 | 367 | |||
| 5355 |
 BupKuuBro |
1년 전 | 585 | ||
| 5354 | 1년 전 | 1062 | |||
| 5353 |
 바트컨트롤 |
1년 전 | 703 | ||
| 5352 |
바트컨트롤 |
1년 전 | 640 | ||
| 5351 | PHP | 1년 전 | 809 | ||
| 5350 | PHP | 1년 전 | 573 | ||
| 5349 | OS | 1년 전 | 646 | ||
| 5348 | 기타 | 1년 전 | 450 | ||
| 5347 | 기타 | 1년 전 | 633 | ||
| 5346 | 기타 | 1년 전 | 505 | ||
| 5345 | 기타 | 1년 전 | 399 | ||
| 5344 | JavaScript |
 까망고양이 |
1년 전 | 430 | |
| 5343 | PHP |
까망고양이 |
1년 전 | 501 | |
| 5342 | jQuery | 1년 전 | 575 | ||
| 5341 | PHP |
 WebProduct |
1년 전 | 879 | |
| 5340 | Mobile |
슈퍼스타맨
|
1년 전 | 560 | |
| 5339 | 기타 |
 piadream |
1년 전 | 560 | |
| 5338 |
멀티트리플
|
2년 전 | 1296 | ||
| 5337 | 기타 |
슈퍼스타맨
|
2년 전 | 1792 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기