1. Example
jQuery slider plug-in with animated backgrounds
Pretty cool huh? C'mon, try again!
Weeee... Don't stop! Click the Next again
All right, you got it!
- — Auto play
- — Thumbnails navigation
- — Pause on hover
- — Hide arrows on mouse out
- — Captions
- — Two animated layers (one direction, different offset)
2. Example
- — Prev/Next arrows always on top
- — Bullets for the list navigation
- — One animated layer (direction from right to left)
3. Example
Captions at the bottom of the block
Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.
Captions at the left side of the block
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.
Captions at the right side of the block
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.
Captions at the top of the block
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
- — Prev/Next arrows always on and positioned out of the block
- — Different positions for the captions (add one of the following class names: .left, .right, .top, .bottom to your caption block)
- — One animated layer (direction from left to right)
4. Example
- — Prev/Next arrows always on top
- — Bullets for the list navigation
- — One animated layer (direction from right to left)
5. Example
- — Fixed width
- — Prev/Next arrows always on top
- — Bullets for the list navigation
- — Two animated layers (one direction, different offset)
6. Example
- — Fixed width
- — Prev/Next arrows always on top
- — Bullets for the list navigation
- — Restyled list navigation
- — Two animated layers (one direction, different offset)
