Images sometimes not justifying

[skitterm]

As I resize, I occasionally see spots where the images don't interlock nicely, as shown below:

I refresh the browser at the same size, and sometimes the issue is fixed, and sometimes it still looks this way.

[x00]

have similar issues. Seem to depend on if the images are cached or not.

[x00]

you have to use this in the footer rather than jQuery(document).ready(function($){. otherwise very hit an miss. In fact I had use setInterval with my rendering function to get any kind of consistency.

I had a different problem that was related to resizing. What i've done is to refresh the plugin when resizing. For performance reasons i've created a small script that only fires when resizing have stopped. You can call the plugin like this (this snippet replaces you initial call … it does the loading and resizing call):

// Flex images

var flexOptions = {

	container: '.image',
	object: 'img',
	rowHeight: 150,
	truncate: false,

}

jQuery( window ).resize(function() {

    if( this.resizestop ) clearTimeout( this.resizestop );

    this.resizestop = setTimeout( function() {

        jQuery( this ).trigger( 'resizestop' );

    }, 200 );

} );

jQuery( window ).bind( 'resizestop load', function() {

    jQuery( '#imagelist' ).flexImages( flexOptions );

} );

Hope this helps ;)