Images sometimes don't load on 1.5.4

[ISB7]

Hello Support,

I use your beautiful script (js minify 1.5.4) and JS :

<script>var bLazy = new Blazy({selector:'img',container:'#frame1'});bLazy.revalidate();bLazy.destroy();</script>

But sometimes if you refresh the page http://www.insidebasket.com, images don't load... If you refresh again, it's ok. I don't know how to solve this.

Could you help me ?

Thanks you

[ISB7]

I think with revalidate function :

var bLazy = new Blazy({selector:'img',container:'#frame1'});setTimeout(function(){bLazy.revalidate();},300);

It's better...

[tuurbo]

I'm getting the exact same issue, reloading page fixes it.

[dinbror]

Hey @tuurbo

Do you have a live example, jsfiddle or similar?

[tuurbo]

@dinbror Looks like the image is being downloaded, because i can see it in the chrome tools network tab, but it isn't replacing the src attribute with the image url.

Theres a link inside to a live site with the issue http://pastebin.com/T9p6x21i

Edit: Sometimes it can take 10 to 20 different page loads to see the issue, and it can be all images or just 1 image.

[tuurbo]

Did some tests on my local env and it seems the success callback isn't being fired for ever image, but the image is being downloaded.

Example:
5 images downloaded successfully, but only got 2 success callbacks.

new Blazy({
            selector: '.lazyload-img',
            successClass: 'lazyload-img-loaded',
            success: function(el){
                console.log('success', el);
                $(el).closest('.product-image').removeClass('img-loading');
            },
            error: function(el){
                console.log('error', el);
                $(el).closest('.product-image').removeClass('img-loading');
                $(el).attr('src', '/assets/img/no-product-image-medium.png').addClass('lazyload-img-loaded');
            }
        });

[tuurbo]

@dinbror I think i found the issue... https://productforums.google.com/forum/#!topic/chrome/p51Lk7vnP2o

Would make sense, since i just started noticing the issue , yet i've been using v1.5.4 for a while..

[dinbror]

@tuurbo very interesting, thanks. However I can't reproduce it on your page. Are you on a mac or pc? What OS?

[tuurbo]

Windows 10
Chrome 50.0.2661.87

[ISB7]

So, same problem with last version of Chrome 50.0.2661.86 (64-bit) on iMac (El Capitan).

Solved with : ;setTimeout(function(){bLazy.revalidate();},300);

[ISB7]

finally, not solved :(

[dinbror]

Hey @ISB7 and @tuurbo

Could you please test with version 1.6.1 RC:
http://dinbror.dk/blazy/versions/blazy-1.6.1.RC.js

[ISB7]

Hi dinbror,

I test it : http://www.insidebasket.com/blazy-test.php (you can check this URL)

At the first view, I think it works great, without setTimeout(function(){bLazy.revalidate();},300);. Could you confirm that ?

Is it possible to have a minify JS ?

Thanks you !

[dinbror]

Fixed in v.1.6.1

[dinbror]

Fixed in chrome v 50.0.2661.94? Will verify later