Images!
You can encounter problems when shuffle item dimensions depend on images. Like this demo. There are three good solutions to this.
- Set an explicit height on
.shuffle-item
s like the basic demo. - 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
. - 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.












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!