ridimensionare gli avatar automaticamente

[xX_Simon_Xx]

io vorrei che quando un utente carica un avatar questo automaticamente venga ridimensionato a 175px di larghezza x xxxpx altezza

xxx= altezza qualsiasi in base alla grandezza dell'immagine
ES.
se io carico ad esempio un immagine di 500px x 300px
vorei che questa si ridimensioni a 175px x 105px

vorrei quindi che l'immagine mantenesse le proporsioni originali
si può fare?

[Carlo]

Ti andrebbe bene un JavaScript?

[xX_Simon_Xx]

va bene se non c'è altro va bene

[Haku]

Ma quindi vuoi che l'avatar si vede bene,ma la visualizzazione la sposti con lo scrool bar?

[Carlo]

Eccoti un JavaScript che ho creato... spero che sia corretto visto che ho lavorato usando la logica visto che di JS non conosco quasi nulla.

Codice: Seleziona tutto

    <script>
    window.onload = resizeimg_auto;
    function resizeimg_auto()
    {
       if (document.getElementsByTagName)
       {
          for (i=0; i<document.getElementsByTagName('img').length; i++)
          {
             im = document.getElementsByTagName('img')[i];
             if (im.width > 175)
             {
                im.height = im.height - (im.width - 175);
                im.width = 175;
             }
          }
       }
    }
    </script>

[Micogian]

Probabilmente basta indicare la larghezza, l'altezza viene in proporzione:

Codice: Seleziona tutto

<img src="url_image" alt="" width="175">

L'unico problema è che il caricamento è più lento se l'immagine è grande.

[Carlo]

Anzi... ora che mi fai pensare, è vero si ptorebbe fare così. Ma credo che si dovrebbe usare il tag style, ovvero:

Codice: Seleziona tutto

<img src="url_image" style="width: 175px;">

[xX_Simon_Xx]

quindi cosa devo fare?

[Carlo]

Prova con questo metodo prima.

[xX_Simon_Xx]

si m dove va questo:

Codice: Seleziona tutto

<img src="url_image" style="width: 175px;">