jqPuzzle – Demo page

Using the CSS micro format

Right-click to watch page source.


Example 1: 3 rows, 5 columns, hole at position 5

Animals crossing


Example 2: German, 5 rows, 5 columns

Animals crossing


Example 3: 4 rows, 4 columns, 1 shuffle round

Animals crossing


Example 4: French, 3 rows, 3 columns, hole at position 5, initially hide numbers, hide moves/seconds display

Animals crossing


Example 5: German, 5 rows, 7 columns, initially shuffle pieces, hide shuffle button and seconds display

Animals crossing


jqPuzzle – Customizable Sliding Puzzles with jQuery by Ralf Stoltze, 2meter3.de