Browser resize on mobile browsers

[fannta1]

When you scroll down on a tablet or phone using any mobile browser (Safari on iOS too) they changes UI and minimize URL bar. That leads to screen height change and so the resize function is called. I found it very anoiying since it is only changing height and not width, the result is the same. Is it somehow possible to check only width and if it's changed,then fire the function?

[griffindor55]

I get this issue as well. It causes the page to reload multiple times.

[haheute]

perhaps this helps:

function collage(){
    //do collagePlus
};

var timer = null;
var width = $(window).width();
$(window).bind('resize', function() {
    if($(window).width() != width){
        // hide all the images until we resize them
        $('.Collage').css('opacity', 0.2);
        // set a timer to re-apply the plugin
        if (timer) clearTimeout(timer);
        timer = setTimeout(collage, 250);
        width = $(window).width();
    }
});