Responsive jQuery Slider Demo

View source on Github - Tinker with CodePen

Basic Slider

Auto width...

Hello World

Without overlay and zoom!

Hello World

With overlay!

Hello World

With zoom!

Hello World

With overlay and zoom!

Full width...

Hello World

Without overlay and zoom!

Hello World

With overlay!

Hello World

With zoom!

Hello World

With overlay and zoom!

Image Slider

This example uses an anchor tag as a slide-image wrapper, but you could also use a simple div.
You can also add a lightbox of your choice!

Auto width inline images...

Each slide has a different combination of effects.

Full width inline images...

Each slide has a different combination of effects.

Covered width background images...

Each slide has a different combination of effects.

Single image

If the image does not fit the viewport, it will be cropped.

TEXT