lazysizes + matchHeight

Created on 6 Mar 2017 · 1Comment · Source: aFarkas/lazysizes

Hello!

I know that someone posted a question about lazysizes+masonry (https://github.com/aFarkas/lazysizes/issues/83) but I'm using matchHeight (https://github.com/liabru/jquery-match-height) on my project.

How do i fire up $.fn.matchHeight._update() after the image has been lazyloaded?

Source

mzaguilar7

Most helpful comment

Hello!

I used the code snippet you gave and removed function for masonry.

$('.grid').each(function(){
    var $masonry = $(this);
    var update = function(){
        $.fn.matchHeight._update();
    };
    $('.grid-item', $masonry).matchHeight();
    this.addEventListener('load', update, true);
});

It is now working! Thanks!

mzaguilar7 on 7 Mar 2017

👍3

>All comments

Hello!

I used the code snippet you gave and removed function for masonry.

$('.grid').each(function(){
    var $masonry = $(this);
    var update = function(){
        $.fn.matchHeight._update();
    };
    $('.grid-item', $masonry).matchHeight();
    this.addEventListener('load', update, true);
});

It is now working! Thanks!

mzaguilar7 on 7 Mar 2017

👍3

Was this page helpful?

0 / 5 - 0 ratings