Check out this simple packery example which is also a nice use case for the {runOnce:true} option.

Given images that vary in sizes, for example using jQuery Masonry or Packery, do this:

Options

runOnce

Imagefill continuously checks to see if the size of the image container changes, then it adjusts the size of the image inside. To only call imagefill once, set to true.

$('.img-container').imagefill({runOnce:true});

throttle

Imagefill continuously checks to see if the size of the image container changes, then it adjusts the size of the image inside. This option lets you adjust the frequency of this check (default is 100ms). To run at a higher frequency, such as for an animation rate like 60fps, do this:

$('.animating-container').imagefill({throttle:1000/60})

target

By default, Imagefill will use 'img' as the target selector. To use a custom selector to tell imagefill which img to target for filling its container use the target option.

$('.animating-container').imagefill({target:'.background-image'})