YerSlider

This is a demopage of the YerSlider-Script hostet on GitHub by Johann Heyne.

Images

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,
});