Minimit Gallery Demo. Go to the 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
6
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.
0
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 ...