Rockstar Contact Slider is a script for making a easy and minimalistic slider or a slideshow. Right here is how it’s totally different from different sliders round right here:
The script is barely 5kb in dimension and there’s no CSS file!
The slider has the flexibility to easily take the width and peak of it’s mum or dad aspect. Which signifies that in case your aspect is fluid and responsive, the slider might be as properly. You can too manually model the principle of the slider to be a set width and peak, or no matter you want. It’s constructed to be versatile!
Tremendous Straightforward to Use
Pure Animations & Motion
The script is full of tiny options like pace detection and inertia with the intention to make it transfer as naturally as doable. It shines on touchscreen units, and appears simply as cool whenever you use a mouse.
Photographs: Fill or Match?
A typical downside with many sliders is that it is advisable to have photos with precisely the identical dimension because the slider. No, that’s not the case right here. It doesn’t matter what proportion or dimension the pictures are, they’ll at all times fill the slide. You simply add a category to the picture like this:
<img src="picture.png" class="fill" />
Alternatively, you should utilize the “match” class if you need the picture to suit contained in the slide, not loosing a pixel.
1.zero.three – September 21, 2015
- Fastened a bug the place contact occasions wouldn’t work in sure cellular browsers.