Rockstar Slider - jQuery Touch Slider/Gallery

javascript/sliders

Rockstar Slider - jQuery Touch Slider/Gallery

Description

Rockstar Touch Slider is a script for creating a simple and minimalistic slider or a slideshow. Here is how it is different from other sliders around here:

Lightweight

The script is only 5kb in size and there is no CSS file!

Fluid/Responsive

The slider has the ability to simply take the width and height of it’s parent element. Which means that if your side is fluid and responsive, the slider will be as well. You can also manually style the main of the slider to be a fixed width and height, or whatever you need. It’s built to be flexible!

Super Easy to Use

<div class="slideshow"> <div /> <div /> <div /> </div>

That is all you need to make the slideshow work! No javascript code is needed and no external CSS file. All you need to do is put the HTML code with the class “rockstar-slider” and include the script. It will do the rest. Rockstar Touch Slider has been designed from the ground up to be easy to use.

Natural Animations & Movement

The script is packed with tiny features like speed detection and inertia in order to make it move as naturally as possible. It shines on touchscreen devices, and looks just as cool when you use a mouse.

Images: Fill or Fit?

A common problem with many sliders is that you need to have images with exactly the same size as the slider. No, that’s not the case here. No matter what proportion or size the images are, they will always fill the slide. You just add a class to the image like this:

<img src="image.png" class="fill" />

Alternatively, you can use the “fit” class if you want the image to fit inside the slide, not loosing a pixel.

Change Log

1.0.3 – September 21, 2015

  • Fixed a bug where touch events would not work in certain mobile browsers.

Item Details

  • Number of Sales: 70
  • Rating: 4.29 (7)
  • Last Updated: 23 Sep, 2015
  • Published At: 18 Sep, 2012
  • Tags: fluid gallery image images minimalistic photo photos responsive simple slider slideshow touch touchscreen

More Items by nickys (author)

Item Image
JQuery Zoom Wizard

Price: $7.00

Rating: 3.43 (7 ratings)

View Details
Item Image
Splash Screen Pro for WordPress

Price: $20.00

Rating: 4.3 (27 ratings)

View Details
Item Image
Hotspot Map - Image Tooltips for Layers

Price: $21.00

Rating: 2 (4 ratings)

View Details
Item Image
ImageMasker Kit

Price: $7.00

Rating: 2.4 (5 ratings)

View Details
Item Image
Touch Timeline

Price: $6.00

Rating: 4.14 (36 ratings)

View Details
Item Image
Age Verifier for WordPress

Price: $18.00

Rating: 4.13 (31 ratings)

View Details
Item Image
Annotator Pro - Image Tooltips & Zooming

Price: $13.00

Rating: 4.71 (7 ratings)

View Details
Item Image
Uber Zoom - jQuery Smooth Zoom & Pan

Price: $8.00

Rating: 4.5 (10 ratings)

View Details
Item Image
Visual Shortcodes for WordPress

Price: $20.00

Rating: 0 (1 ratings)

View Details
Item Image
Splash Screen Pro for jQuery

Price: $12.00

Rating: 4.75 (4 ratings)

View Details
Item Image
jQuery Dynamic Grid: The Engine

Price: $6.00

Rating: 4.17 (23 ratings)

View Details
Item Image
jQuery Dynamic Grid: XML Gallery

Price: $8.00

Rating: 4.34 (29 ratings)

View Details
Item Image
Flipper

Price: $7.00

Rating: 4.11 (37 ratings)

View Details
Item Image
jQuery TimelineXML

Price: $9.00

Rating: 3.88 (34 ratings)

View Details
Item Image
Uber Zoom - Smooth Zoom & Pan for WordPress

Price: $16.00

Rating: 4.25 (4 ratings)

View Details