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:
Light-weight
The script is just 5kb in dimension and there’s no CSS file!
Fluid/Responsive
The slider has the flexibility to easily take the width and top of it’s mother or father ingredient. Which implies that in case your aspect is fluid and responsive, the slider will probably be as effectively. You may as well manually type the primary of the slider to be a set width and top, or no matter you want. It’s constructed to be versatile!
Tremendous Simple to Use
<div class="slideshow">
<div />
<div />
<div />
</div>
That’s all it’s essential make the slideshow work! No javascript code is required and no exterior CSS file. All it’s essential do is put the HTML code with the category “rockstar-slider” and embrace the script. It’ll do the remainder. Rockstar Contact Slider has been designed from the bottom as much as be simple to make use of.
Pure Animations & Motion
The script is full of tiny options like pace detection and inertia as a way to make it transfer as naturally as potential. It shines on touchscreen units, and appears simply as cool whenever you use a mouse.
Pictures: Fill or Match?
A standard drawback with many sliders is that it’s essential have pictures 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 are going to 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’d like the picture to suit contained in the slide, not loosing a pixel.
Change Log
1.0.3 – September 21, 2015
- Mounted a bug the place contact occasions wouldn’t work in sure cellular browsers.
