27/07/2012

jQuery - Redimensionar imagem para tela inteira proporcionalmente

<script>
    function autoAjuste(valor){
        var ww = parseInt($(valor).css('width'));
        var hh = parseInt($(valor).css('height'));
        var WW = parseInt($(window).width());
        var HH = parseInt($(window).height());
        var ss = ww*(HH/hh)<WW?WW/ww:HH/hh;
        var sw = ww*ss;
        var sh = hh*ss;
        $(valor).css({'width':sw,'height':sh});
    }

    /*
        QUANDO A IMAGEM TERMINAR DE CARREGAR,
        REDIMENSIONA PROPORCIONALMENTE
        SEMPRE PREENCHENDO TODA A TELA
    */
    $('img').bind('onload',function(){
        autoAjuste(this);
    });
</script>
<img src='imagem.jpg'/>

Nenhum comentário:

Postar um comentário