Images!

You can encounter problems when shuffle item dimensions depend on images. Like this demo. There are three good solutions to this.

  1. Set an explicit height on .shuffle-items like the basic demo.
  2. Similar to number 1, make the height of the image container a percentage of the width. This can be seen in the nav images above with the div.keep-ratio.
  3. Get notified when images load (this page). In this case, I'm using Desandro's images loaded plugin. Please note that imagesloaded does not support IE7.
Loading...
Baseball
photography
Tennis
wallpaper3d
iMac
wallpaper3d
Master Chief
graphics
Eightfold
wallpaper3d
Pumpkin
photography
Vestride
wallpaper3d
Newegg
graphics
Arc
wallpaper
Ground
photography
Grass
wallpaper
Vestride
wallpaper3d

Shuffle.js

Shuffle.js is a jQuery plugin for sorting, filtering, and laying out a group of items. It’s performant, responsive, and fast. Check out the demos!