$(document).ready(function() { $('.iosSlider').iosSlider({ snapToChildren: true, desktopClickDrag: true, infiniteSlider: true, snapSlideCenter: true, autoSlide: true, scrollbar: true, navNextSelector: $('.next'), navPrevSelector: $('.prev'), onSlideChange: slideChange, onSlideComplete: slideComplete, //scrollbarContainer: '.iosSliderContainer .scrollbarContainer', //navSlideSelector: '.iosSliderContainer .slideSelectors .item', scrollbarMargin: '0', scrollbarBorderRadius: '0', stageCSS: { overflow: 'visible' } }); }); function slideChange(args) { try { console.log('changed: ' + (args.currentSlideNumber - 1)); } catch(err) { } $('.indicators .item').removeClass('selected'); $('.indicators .item:eq(' + (args.currentSlideNumber - 1) + ')').addClass('selected'); } function slideComplete(args) { $('.next, .prev').removeClass('unselectable'); if(args.currentSlideNumber == 1) { $('.prev').addClass('unselectable'); } else if(args.currentSliderOffset == args.data.sliderMax) { $('.next').addClass('unselectable'); } }