채택완료

제이쿼리 슬라이드 간단한거 소스좀 주실분 있나요 ?

2016-08-08 (월) 15:51:41 16,765

제이쿼리 입문 초보자 입니다.

맨처음 출력방법이나 소스짜는것을 아예모름니다.

자동슬라이드 엄청간단한것좀 주세요

|

답변 2개

채택된 답변
+20 포인트
2016-08-08 (월) 15:56:36

써본 것 중에 가장 괜찮았던 제이쿼리 슬라이드는

http://kenwheeler.github.io/slick/ 이것이 제일 괜찮았습니다. 

해당 링크 들어가셔서 js파일, css 파일 받으신 후

헤드 부분에

<script type="text/javascript" src="slick/slick.min.js"></script> 

<link rel="stylesheet" type="text/css" href="slick/slick.css"/>

<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>

(경로는 본인이 파일 넣은 경로로 알맞게 수정하셔야합니다)

이런식으로 불러주시고

<div class="your_class">

    <div>slide1</div>

    <div>slide2</div>

    <div>slide3</div>

</div>

<script>

$('.your_class').slick({

autoplay: true,

autoplaySpeed: 4000,

dots: true

});

</script>

이런 형태로 쓰시면 됩니다.

답변을 작성하려면 로그인이 필요합니다.