This is the Demopage of the YerSlider-Script hostet on GitHub by Johann Heyne.
YerSlider is designed for developpers, high responsive and potentially can slide anything.
This page is casually under construction.
Download Latest VersionThis slider is able to be fluid and slides can be grouped responding to different slider widths. Change the width of your browser or rotate your device to may see the amount of grouped slides changing.
var myslider = new YerSlider();
myslider.init({
sliderid: '.mysliderclass',
slidegap: 10,
slidegroupresp: {
0: 1,
450: 2,
900: 3
}
});
var myslider = new YerSlider();
myslider.init({
sliderid: '.mysliderclass',
slidegap: 10,
slidegroupresp: {
0: 1,
450: 2,
900: 3
},
loop: 'infinite'
});
var myslider = new YerSlider();
myslider.init({
sliderid: '.mysliderclass',
slidegap: 10,
slidegroupresp: {
0: 1,
450: 2,
900: 3
},
bullets: true
});
<div class="yerslider-wrap mysliderclass yerslider-has-bullets">
If the option bullets: is true, YerSlider automaticly adds the class yerslider-has-bullets to the slider wrapping element.
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: 3000
});
var myslider = new YerSlider();
myslider.init({
sliderid: '.mysliderclass',
slidegap: 10,
slidegroupresp: {
0: 1,
450: 2,
900: 3
},
swipe: true,
swipemouse: true,
swipeanimationspeed: 300
});