Функция авто ресайза изображений на сайте?

Question

[green176]

помогите допилить функцию. Не могу выровнять по одинаковой высоте 2 столбца с картинками, нашел функцию, которая выравнивает картинки по высоте, но она не срабатывает при изменении размера окна браузера. Как поправить?

function equalHeight(group) {    
    var tallest = 0;    
    group.each(function() {       
        var thisHeight = $(this).height();       
        if(thisHeight > tallest) {          
            tallest = thisHeight;       
        }    
    });    
    group.each(function() { $(this).height(tallest); });
} 

$(document).ready(function() {   
    equalHeight($(".thumbnail")); 
});

Answer 1

[Wol_fi]

но она не срабатывает при изменении размера окна браузера. Как поправить?

var resizeTimeout;
$(window).resize(function(){
    if (resizeTimeout) {
        clearTimeout(resizeTimeout);
    }
    resizeTimeout = setTimeout(function(){
         equalHeight($(".thumbnail")); 
    }, 1000);
});

Вот так примерно.

Comments

[green176]

если уменьшать работает, а в обратную сторону нет

[Wol_fi]

green176: эвент resize работает во все стороны, добавьте console.log, для проверки, по выводите значения, скорей всего найдёте так ошибку.

Answer 2

[Serdji]

Я могу ошибаться, но мне кажется здесь больше подойдет функция setInterval( func, delay )