(function($) { $(function() { var jcarousel = $('.jcarousel'); jcarousel .on('jcarousel:reload jcarousel:create', function () { var width = jcarousel.innerWidth(); if (width >= 600) { width = width / 1; } else if (width >= 350) { width = width / 1; } jcarousel.jcarousel('items').css('width', width + 'px'); }) .jcarousel({ wrap: 'circular' }); $('.jcarousel-control-prev') .jcarouselControl({ target: '-=1' }); $('.jcarousel-control-next') .jcarouselControl({ target: '+=1' }); $('.jcarousel-pagination') .on('jcarouselpagination:active', 'a', function() { $(this).addClass('active'); }) .on('jcarouselpagination:inactive', 'a', function() { $(this).removeClass('active'); }) .on('click', function(e) { e.preventDefault(); }) .jcarouselPagination({ perPage: 1, item: function(page) { return '' + page + ''; } }); jQuery('.jcarousel').jcarouselAutoscroll({ interval: 4000 }); }); })(jQuery); (function($) { $(function() { var jcarousel = $('.jcarousel2'); jcarousel .on('jcarousel:reload jcarousel:create', function () { var width = jcarousel.innerWidth(); if (width >= 600) { width = width / 3; } else if (width >= 350) { width = width / 1; } jcarousel.jcarousel('items').css('width', width + 'px'); }) .jcarousel({ wrap: 'circular' }); $('.jcarousel-control-prev2') .jcarouselControl({ target: '-=1' }); $('.jcarousel-control-next2') .jcarouselControl({ target: '+=1' }); jQuery('.jcarousel2').jcarouselAutoscroll({ interval: 8500 }); }); })(jQuery); (function($) { $(function() { var jcarousel = $('.jcarousel3'); jcarousel .on('jcarousel:reload jcarousel:create', function () { var width = jcarousel.innerWidth(); if (width >= 600) { width = width / 1; } else if (width >= 350) { width = width / 1; } jcarousel.jcarousel('items').css('width', width + 'px'); }) .jcarousel({ wrap: 'circular' }); jQuery('.jcarousel3').jcarouselAutoscroll({ interval: 8500 }); }); })(jQuery); (function($) { $(function() { var jcarousel = $('.jcarousel4'); jcarousel .on('jcarousel:reload jcarousel:create', function () { var width = jcarousel.innerWidth(); if (width >= 600) { width = width / 1; } else if (width >= 350) { width = width / 1; } jcarousel.jcarousel('items').css('width', width + 'px'); }) .jcarousel({ wrap: 'circular' }); $('.jcarousel-control-prev4') .jcarouselControl({ target: '-=1' }); $('.jcarousel-control-next4') .jcarouselControl({ target: '+=1' }); jQuery('.jcarousel4').jcarouselAutoscroll({ interval: 8500 }); }); })(jQuery);