Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2003
    Messaggi
    667

    [JS] Adattare immagine alla pagina

    Ciao ragazzi,

    se ho una pagina di dimensioni 200*200 e in questa pagina aprissi delle immagini ma che non so la misura, ma potrebbero essere + grandi delle dimensioni della pagina,
    in parole povere:come posso adattare l'immagine di dimensioni varie a una pagina di 200*200?

    Ciao e grazie

    David

  2. #2
    non serve scripting..
    basta che al td che contiene l'immagine metti la width e la height

    (o 100% ad entrambe o 200 ad entrambe, dovrebbe essere uguale..)
    ----------------------
    i rulez.-.dovrebbero mettere "pippo" come parola riservata in tutti i linguaggi

    The Cyberpunk System One
    http://www.geocities.com/notoleranceforyou/Hymagition.html

  3. #3
    hm, dimenticavo, anche all <img src... devi mettere la width e la height 100%..
    ----------------------
    i rulez.-.dovrebbero mettere "pippo" come parola riservata in tutti i linguaggi

    The Cyberpunk System One
    http://www.geocities.com/notoleranceforyou/Hymagition.html

  4. #4
    Utente di HTML.it
    Registrato dal
    Jul 2003
    Messaggi
    667
    come potrei però evitare che l'immagine piccola si espanda diventando inguardabile?

  5. #5
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    codice:
    [img]br1.jpg[/img]200) { h=200*h/w; w=200; }; if(h>200) { w=200*w/h; h=200; }; this.width=parseInt(w,10); this.height=parseInt(h,10);">
    Puoi anche usare una funzione...

    codice:
    <script>
    function mis(obj, maxW, maxH) {
    w=obj.width;
    h=obj.height; 
    if(w>maxW) { 
    	h=maxW*h/w; 
    	w=maxW; 
    }; 
    if(h>maxH) { 
    	w=maxH*w/h; 
    	h=maxH; 
    } 
    obj.width=parseInt(w,10); 
    obj.height=parseInt(h,10);
    }
    </script>
    
    [img]br1.jpg[/img]
    ps: provato solo con IE

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  6. #6
    Utente di HTML.it
    Registrato dal
    Jul 2003
    Messaggi
    667
    Scusa il ritardo.....perfetto grazie Br1 proprio questo mi serviva....

    Grazie 1000

    David

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.