2013-05-17 25 views
0

我使用jquery和cycle2插件創建頁面,但滑塊不工作。我環顧了模板故障近一個小時,什麼都沒發現。網站link is here,把四個圖像旋轉,什麼也沒有發生。 你覺得我做錯了什麼?創建新模板更容易嗎?Cycle2插件不滑動

的代碼在HTML我使用:

<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/

某處:

<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