The puzzle pieces themselves are just DIV elements that use the nested image as their background image. The background images are positioned relative to the puzzle piece initial layout prior to shuffling. Because all of the pieces are uniform, the plug-in will crop the main image slightly to ensure that the board maintains a specific aspect ratio. Therefore, it may be shorter and/or narrower than the original image.
Follow Us On Twitter!
[...] Shared Creating A Sliding Image Puzzle Plug-In | jQuery Wisdom. [...]