This is a demopage of the YerSlider-Script hostet on GitHub by Johann Heyne.
var myslider = new YerSlider();
myslider.init({
sliderid: '.mysliderclass',
slidegap: 10,
slidegroupresp: {
0: 1,
450: 2,
800: 3,
1000: 4,
1200: 5,
},
loop: 'infinite',
loopswipe: 'rollback',
animationspeed: 2000,
bullets: false,
autoplay: true,
autoplayinterval: 2000,
autoplaydelaystart: 0,
autoplaystoponhover: true,
thumbs: true,
thumbshideiflessthan: 2,
thumbstemplates: {
'1': {
'html': '<img src="{{thumb-img-src}}">',
'class': 'thumb-template-1'
}
},
thumbsclickable: true,
thumbsready: function( p ) {
var yersliderthumbs = new YerSliderThumbs();
yersliderthumbs.init({
obj: p.obj,
param: p.param
});
},
swipe: true,
swipeanimationspeed: 300,
});