2013-05-17 3 views
0

jquery와 cycle2 플러그인을 사용하여 페이지를 만들고 있지만 슬라이더가 작동하지 않습니다. 거의 한 시간 동안 템플릿 실패를 둘러 보았고 아무 것도 발견하지 못했습니다. 웹 사이트 link is here, 4 개의 이미지를 회전 시키면 아무 일도 일어나지 않습니다. 내가 잘못했다고 생각하니? 새 템플릿을 만드는 것이 더 쉬운가요? HTML에서Cycle2 플러그인이 슬라이드하지 않습니다.

코드는 내가 사용하고 있습니다 :

<div id="slideshow" class="cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-pause-on-hover="true" data-cycle-speed="200" data-cycle-log="false" > 
<img src="img/slider/slide01.jpg" class="first" /> 
<img src="img/slider/slide02.jpg" /> 
<img src="img/slider/slide03.jpg" /> 
<img src="img/slider/slide04.jpg" /> 
</div> 

감사합니다!

답변

0

Cycle2의 js 및 css 파일을 모두 포함하셨습니까? 기존 이미지와 올바른 경로를 사용하고 있습니까? http://jsfiddle.net/natnaydenova/x4dfv/

어딘가에 당신의 HEAD 섹션에서 : 당신의 몸에

<link rel="stylesheet" href="css/cycle2.css"> 
<script src="js/jquery-2.1.0.min.js"></script> 
<script src="js/jquery.cycle2.min"></script> 

: 그리고 당신이 게시 코드 아무 문제가 여기를 확인할 수 없습니다

<div id="slideshow" class="cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-pause-on-hover="true" data-cycle-speed="200" data-cycle-log="false" > 
<img src="http://malsup.github.io/images/p1.jpg" class="first" /> 
<img src="http://malsup.github.io/images/p2.jpg" /> 
<img src="http://malsup.github.io/images/p3.jpg" /> 
<img src="http://malsup.github.io/images/p4.jpg" /> 
</div> 
<div class="center"> 
    <button data-cycle-cmd="prev"><</button> 
    <button data-cycle-cmd="next">></button> 
</div> 
+0

미안 후반을 위해, 순서가 틀립니다 = D 고정! – Rafhael

관련 문제