Images stack on first page load after upload

Mine too!

Has anyone come up with a solution to this? My images are stacking properly on Firefox, but Chrome/Safari are piling up vertically like in the image posted above by stoatoffear.

I am experiencing the same.

I think it may have to do with this http://masonry.desandro.com/docs/intro.html#imagesloaded_plugin

I should mention I am using the D7 version and other than this it works great.

Any thoughts?

I am having the same problem, even this doesnt help.
http://drupal.org/node/1113602 in Chrome i keep getting images stacked one over the other as in attachment.

I am having same issue. ie, safari, chrome all show stacked images when I press F5(Refresh) but when I press enter key in address bar the page looks good with unstacked images.
Firefox version 8 shows unstacked images all the time

marking as bug

even though I enable the below option, it's not fixing this issue
Reload items on window load
Call the reload method on $(window).load(), this helps to deal with external media such as images or @font-face kits.

I am using the D7 version at http://drupal.org/node/1031402#comment-4890184

I fixed it by adding imagesLoaded functionality as suggested by iaminawe http://masonry.desandro.com/docs/intro.html#imagesloaded_plugin

.imagesLoaded( function(){

in init.js

$this
.addClass('views-fluidgrid-processed')
.imagesLoaded( function(){
	$this.masonry({
	columnWidth: settings.columnWidth != '' ? parseInt(settings.columnWidth) : undefined,
	gutterWidth: settings.gutterWidth != '' ? parseInt(settings.gutterWidth) : undefined,
	isResizable: settings.resizable,
	isRTL: settings.rtl,
	isFitWidth: settings.fitWidth,
	isAnimated: true && settings.animationOptions.useCss ? !Modernizr.csstransitions : settings.animate,
	animationOptions: {
		duration: parseInt(settings.animationOptions.duration),
		queue: settings.animationOptions.queue
	},
	itemSelector: '.views-fluidgrid-item:visible'
});
});

Changing status to needs review

TechNikh could you post this also for D6 version, i am not good with jquery so i could transform this to be comaptible with d6 JS code.

I didn't test it it, but the above code should work for D6 version too.

Ok but where to even put it? there is no init.js in D6 version. I'll test if I can install this code properly, please help on this part

I guess in views_fluidgrid.module put "imagesLoaded" before

        $('#".$vars['views_fluidgrid_id']."').masonry({
          singleMode: viewsFluidGrid.".$vars['views_fluidgrid_id'].".settings.single_mode,
          columnWidth: viewsFluidGrid.".$vars['views_fluidgrid_id'].".settings.column_width,
          itemSelector: '.views-fluidgrid-item:visible',
          resizeable: viewsFluidGrid.".$vars['views_fluidgrid_id'].".settings.resizeable,
          appendedContent: $('#".$vars['views_fluidgrid_id']."'),
          saveOptions: false
          },  function() { eval(viewsFluidGrid.".$vars['views_fluidgrid_id'].".settings.callback); }
        );

Hmmm there is no such code in "views_fluidgrid.module" but i guess you ment to put imageloaded somehow in part where masonry is configured?

I don't remember where I saw that, but Yes! put imageloaded in part where masonry is configured

First of, you need to upload a file "jquery.imagesloaded.min.js" somewhere and add it to drupal. Then add its path in views_fluidgrid.module somewhere here

function template_preprocess_views_view_fluidgrid(&$vars) {
  $view = $vars['view'];
  $options = $view->style_plugin->options;
  
  drupal_add_js(drupal_get_path('module', 'views_fluidgrid') .'/js/jquery.masonry.min.js');
  drupal_add_css(drupal_get_path('module', 'views_fluidgrid') .'/views_fluidgrid.css');

like
  drupal_add_js(drupal_get_path('module', 'views_fluidgrid') .'/js/jquery.imagesloaded.min.js');

then add settings somewhere think around the comment that says "this looks like shit" :-)

Here is complete solution for drupal 6, http://www.drupaldump.com/views-fluid-grid-jquery-masonry-fix-images

Works great and as it should, asking maintainer to update this module :-)

I am seeing this n 7x dev. A fix would be great in the module code, not in a blog :)

i think that this should be marked RTBC and moved into the dev version of this module for D7 and 6, and perhaps as a prep for a D7 alpha of some kind (not sure what the roadmap is for this module, though it seems quite popular)

Created a quick patch from comment #8

Patch in #21 works for me.