Visualizzazione dei risultati da 1 a 8 su 8

Discussione: Immagine dimezzata

  1. #1
    Utente di HTML.it L'avatar di kepal
    Registrato dal
    Apr 2004
    Messaggi
    260

    Immagine dimezzata

    Ciao a tutti!

    Ho una serie di immagini da inserire nel mio sito, ma essendo di varie misure (foto orizzontali o verticali,...), mi basta che siamo di grandezza esattamente dimezzata da quella originale.

    Ho provato con witdh=50% e height=50% ma mi fa un casino assurdo!!

    Ciao e grazie
    Simo
    ...IL GIANSA...

  2. #2
    Utente di HTML.it L'avatar di Sgnafurz
    Registrato dal
    Mar 2003
    Messaggi
    2,182
    ho risolto in javascript

    allora è fondamentale che le dimensioni originali dell'immagine vengano riportate nel tag

    [img]foto.jpg[/img]

    successivamente inserisci questa funzione tra i tag <head>
    <script>
    function resizePic(id){
    var WD = document.images[id].width/2
    var HG = document.images[id].height/2
    document.images[id].style.width = WD
    document.images[id].style.height = HG
    }
    </script>

    infine sotto il tag img interessato richiama la funzione che effettua il resize

    <script>
    resizePic("foto")
    </script>


    ora nn ricordo se puoi attribuire al tag img l'evento onLoad
    controlla questa possibilità, in caso affermativo sposta li la chiamata alla funzione

  3. #3
    Utente di HTML.it L'avatar di kepal
    Registrato dal
    Apr 2004
    Messaggi
    260
    codice:
    [img]foto.jpg[/img]<script>resizePic("foto")</script>
    Ho fatto così ma non mi funziona, non mi funziona! Non mi visualizza proprio l'immagine!!

    Ho un problema a inserire le misure esatte della foto, essendo un'inserimento tramite web con codice PHP.

    Io non so che misure ha la foto!

    E' quello il problema??

    Ciao Simo
    ...IL GIANSA...

  4. #4
    Utente di HTML.it L'avatar di Sgnafurz
    Registrato dal
    Mar 2003
    Messaggi
    2,182
    Originariamente inviato da kepal
    codice:
    [img]foto.jpg[/img]<script>resizePic("foto")</script>
    Ho fatto così ma non mi funziona, non mi funziona! Non mi visualizza proprio l'immagine!!

    Ho un problema a inserire le misure esatte della foto, essendo un'inserimento tramite web con codice PHP.

    Io non so che misure ha la foto!

    E' quello il problema??

    Ciao Simo
    quella funzione va solo se sono specificati quegli attributi
    vedo se riesco a combinare qcs per il tuo caso

  5. #5
    Utente di HTML.it L'avatar di kepal
    Registrato dal
    Apr 2004
    Messaggi
    260
    Grazie Mille!!

    Prova a cercare anchio, ma sicuramente troverai qualcosa prima tu!!

    Aspetto tue notizie e ti ringrazio.

    Simo
    ...IL GIANSA...

  6. #6
    Utente di HTML.it L'avatar di Sgnafurz
    Registrato dal
    Mar 2003
    Messaggi
    2,182
    ehm ho provato e da me funziona anche senza specificarne le dimensioni

  7. #7
    Utente di HTML.it L'avatar di kepal
    Registrato dal
    Apr 2004
    Messaggi
    260
    codice:
    <head>
    <script> 
    function resizePic(id){ 
    var WD = document.images[id].width/2 
    var HG = document.images[id].height/2 
    document.images[id].style.width = WD 
    document.images[id].style.height = HG 
    } 
    </script>
    </head>
    
    ...
    
    [img]pino.jpg ID=[/img]<script>resizePic("foto")</script>
    Il mio codice è così.

    C'è qualcosa che sbaglio?

    Ciao Simo
    ...IL GIANSA...

  8. #8
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    <head>
    <script>
    function resizePic(obj){
    var WD = parseFloat(obj.width)/2
    var HG = parseFloat(obj.height)/2
    obj.style.width = ""+WD+"px"
    obj.style.height = ""+HG+"px"
    }
    </script>
    </head>

    ...

    [img]pino.jpg[/img]

    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

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.