tileslider is a jQuery plugin to create a tile sliding puzzle from a img DOM element. Tiles may be dragged to the single free space to re-arrange the picture.
To use tileslider you need:
Default
Default functionality assumes:
- a 300px x 300px image
- split into 15 tiles
- 3 tiles high by 3 tiles wide
- each tile 100px square
Background Image
This example shows:
- a background image
- 5 tiles wide by 5 tiles high
- each tile 40px square
Rectangular Image With Shuffle and Undo
This example demonstrates:
- a non-square image (200px x 350px)
- 5 tiles wide and 7 tiles high
- each tile 50px square
- random shuffle method
- undo method
