Basic Carousel

gistfile1.txt

$( '.carousel' ).cycle({
    fx: 'carousel',
    timeout: 0
});


$('.next').on('click', function() {
    nextSlide();
});

$('.prev').on('click', function() {
    prevSlide();
});


function nextSlide() {
    var currentSlide = $('.carousel').data("cycle.opts").currSlide;
    $('.carousel').cycle('goto', currentSlide + 4);
}

function prevSlide() {
    var currentSlide = $('.carousel').data("cycle.opts").currSlide;
    $('.carousel').cycle('goto', currentSlide - 4);
}