Cycle2 Plugin не помещается

Question

Я создаю страницу с использованием jquery и плагина cycle2, но слайдер не работает. Я огляделся вокруг провала шаблона почти час и ничего не нашел. На сайте link is here, поместите четыре изображения, чтобы повернуть, и ничего не происходит. Как вы думаете, я сделал не так? Легче ли создать новый шаблон?

код в 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> 

Спасибо!

Answer 1

Вы уверены, что у вас есть как js, так и css-файлы Cycle2? И что вы используете существующие изображения и правильные пути? Там нет ничего плохого с кодом вы в курсе, что вы можете проверить его здесь: 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>