jQuery click slideshow (плагин цикла)

Question

Это может показаться очень простым вопросом, так как я не знаком с jQuery, но у меня возникли проблемы с реализацией плагина цикла jquery. Я нашел код для предыдущего/следующего от страницы Jquery Cycle Plugin: jQuery Cycle Plugin - Intermediate Demos (Part 2) (Предыдущий/Следующий пример)

До сих пор у меня есть эта Js Fiddle как тест

Это JQuery анимационных эффектов что я хотел бы:

$(document).ready(function() { 
    $('#s2').cycle({ 
    fx:  'slideY', 
    speed: 300, 
    timeout: 0, 
    next: '#next2', 
    prev: '#prev2' 
    }); 
}); 

у меня есть кнопки на месте, а также некоторых тестовых изображений, но у меня возникают проблемы при получении анимации с кнопки для работы.

Я прочитал документацию по параметрам цикла, но так как я не слишком хорошо знаком с jQuery, я не понимаю, как заставить его работать, у меня есть скорость fx и скорость, просто чтобы кнопки работали это моя проблема.

Answer 1

Используйте тег <a> для кнопок. Например:

<a id="prev2" href="#">Prev</a> 

Затем используйте CSS, чтобы создать стиль, как вам хотелось бы.

Убедитесь, что вы включили в cycle.js сразу же после рамки Jquery следующим образом:

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>