• User Attivo

    [Jquery] height in proporzione alla larghezza della della finestra

    In un template responsive non potendo impostare una altezza fissa di una immagine nè potendo utilizzare height:auto calcolo l'altezza dell'immagine in base alla larghezza della finestra del browser con il seguente codice:

    $(document).ready(function() {
    var bodywidth = $(document).width();
    var ratioheight = (bodywidth/3.582);
    $("#gallery").height(ratioheight);
    });

    // for the body resize active
    $(window).resize(function() {
    var bodywidth = $(document).width();
    var ratioheight = (bodywidth/3.582);
    $("#gallery").height(ratioheight);
    });

    Funziona bene ma sul mobile (iphone/ipad) succede che passando da portrait a landscape l'altezza dell'immagine non venga ricalcolata e quindi in modalità landscape l'immagine ha dimensioni più piccole.

    Qualcuno può darmi una mano per capire come implementare una funzione del genere?:

    $(window).bind('orientationchange resize', function(event){
    if(event.orientation) {
    if(event.orientation == 'portrait') {
    // do something
    } else if (event.orientation == 'landscape') {
    // do something else
    }
    } else {
    // optional... PC-version javascript for example
    }

      });
    

    Grazie in anticipo.


  • User

    <body onresize="Quellochevuoi();">