First page refresh causes wrong image positions

[bartosz-malec]

I have a problem with grid on first page load. After first page load or hard refresh (ctrl + F5), grid looks bad, and images has incorrectly calculated widths (width of images is 100%). After normal page refresh everything back to narmal and images has good positions and sizes.

Have you ever met this problem?

[bartosz-malec]

First photo with width 100% Second photo after refresh the page

[miromannino]

Yes it happened one time... can you send me a link to this page? Or with the mail the html with the images (saving the page with the browser)? Thank you

[bartosz-malec]

I sent an email to you with access credentials.

[bartosz-malec]

I resolved this problem. I run justifiedGalleryCode in $("document").ready(function() { $("document").load(function() { [justifiedGalleryCode] }); });

[Sebastiansc]

@bartosz-malec what is that justifiedGalleryCode?

[voletiv]

@bartosz-malec I'm facing a similar issue where the widths are 100% in all cases, could you please tell us what your JustifiedGalleryCode is?

[danygit]

var isDomReady = false;
var isWinLoad = false;

$(document).ready(function() {
    isDomReady = true;
    initJustifiedGallery();
});

$(window).load(function() {
    isWinLoad = true;
    initJustifiedGallery();
});

function initJustifiedGallery()
{
if (isWinLoad === true && isDomReady === true) {
   $('.gallery').justifiedGallery({
                rowHeight: 180,
                lastRow: 'nojustify',
                margins: 6,
                selector: 'div'
            });
}
}

And no more double refresh. it's work