YerSlider

Thumbnails

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

  • 11

  • 12

  • 13

  • 14

  • 15

  • 16

var myslider = new YerSlider();
myslider.init({
	sliderid: '.mysliderclass',
	slidegap: 10,
	slidegroupresp: {
		0: 1,
		450: 2,
		900: 3
	},
	loop: 'infinite',
	animationspeed: 1000,
	bullets: true,
	autoplay: true,
	autoplayinterval: 1000,
	autoplaydelaystart: 0,
	autoplaystoponhover: true
	
thumbs: true,
	thumbshideiflessthan: 2,
	thumbstemplates: {
		'1': {
			'html': '<p>{{thumb-text}}</p>',
			'cssclass': 'thumb-template-1'
		}
	},
	thumbsclickable: true,
	thumbsready: function( p ) {
		var thumbsready = new YerSliderThumbs();
		thumbsready.init({
			obj: p.obj,
			param: p.param
		});
	}


});