Minimit Gallery Demo. Go to the github page for the source code.

You can link two or more interactive slides. You can set automatic timing.

0
1
2
3
4
5
Prev
0
1
2
3
4
5
Next

Define prev next first last buttons, also use show and hide functions for buttons.

First
Prev
0
1
2
3
Next
Last
Page X of X

With "multiLess" and "multiPlus" you set how many additional items to show.
With "firstToSteps" and "lastToSteps" you can push the gallery to the limits.

0
1
2
3
4
5
Prev
Next

For advanced multi items animations use the others "multi" variables.
Example with multiMode "centered" with "useLinkHash".

0
1
2
3
4
5
6
7
0
1
2
3
4
5
6
7
Prev
Next

Example with multiMode "fixed" with "useAnchor".

0
1
2
3
4
5
6
7
Prev
Next

Example with multiMode "flexible" with "useAnchor".

0
1
2
3
4
5
6
7
Prev
Next

For more active states set "maxActivated" and use "activated" variable as an array.

0
1
2
3
4
0
1
2
3
4

Next 4 examples use Css3 transitions and transformation for supported browser. They have amazing performances especially on Iphone and Ipad.

Define a scroll by setting ScrollIn and ScrollOut, define a drag by setting DragIn and DragOut. The In is the dragged one, the Out is the bounding box.

0
1
2
3
4
5
6a
7
8
9
10
11
12
13
14
Prev
Next

Example with "dragFraction:true" where the drag triggers onEvent at each pixel, so you can code the animation using "this.fraction", swipe support is automatic.

0
1
2
3
4
5
6
7
8
9

Example with drag and linked on a gallery without items. With them you have to set "totalItems" argument to have proper linking, scroll or drag.

1
2
3
4
5
Prev
0
1
2
3
4
5
Next

Example with horizontal scroll and vertical drag on a gallery without items, that shows 2 items but drags and scroll 1 item at time, based on totalItems.

0
1
2
3
4
5
Prev
Next

About other implementations you can build nice menus ...

0
1
2
3
4
5
6
7
8

... dropdowns and selectable lists ...

0
0
1
2
3
1
4
5
6
7
2
8
9
3
10
11
4
12

... fancy buttons and lists ...

0
1
2
3
4
5
6
7
8
0
1
2
3
4
5
6
7
8