ridimensionamento condizionato di un'immagine

[Insaponata]

ho realizzato una galleria fotografica in cui l'amministratore può aggiungere nuove foto.
Facciamo che la foto si chiami foto.jpg io avrò il seguente tag img:

 
[img]foto.jpg[/img]

questo fatto provoca un problema: se l'amministratore inserisce una foto troppo larga, mi rovina tutto il layout provocando un bruttissimo scroll orizzontale
Allora ho provato a scrivere:

[img]foto.jpg[/img]

quest'altro codice va ben per foto troppo grosse, ma mi storpia le foto più piccole di 500px di larghezza.

Come posso fare per ridimensionare a 500 solo le foto con larghezza maggiore di 500px e lasciare invariate quelle più piccole?
Lo posso fare senza dover "editare" l'immagine?

per i moderatori: se dovete chiudere un 3d chiudete quello precedente a questo nella sezione html perchè lì nessuno aveva una risposta

[RobbiBi]

mi viene in mente un ridimensionamento dell'immagine lato server con il linguaggio di programmazione che usi. Solo usando i css non ci sono mai riuscito....

[Insaponata]

forse scrivendo qualcosa del tipo:

<img ... style="Width:condition(...?...)">

ma cosa ci devo scrivere nello style? nessuno ha un'idea?

[nickmadison]

devi usare uno script lato server: al caricamento dell' immagine viene ridimensionata opportunamente e ottimizzata (ad esempio con le GD library),
in questo modo eviti poi di dover usare strani e inopportuni sistemi per "forzare" a 500px l' immagine.

[Mich_]

Si puo` fare anche lato client, pero` servono i JS. Con i CSS da soli non credo sia possibile.

Pero` se puoi fare un ridimensionamento dell'immagine lato server, la cosa e` sicuramente meglio.

[Marcolino's]

Originariamente inviato da Insaponata
forse scrivendo qualcosa del tipo:

<img ... style="Width:condition(...?...)">

ma cosa ci devo scrivere nello style? nessuno ha un'idea?

Sconsigliato perché non tutti i browser supportano le condizioni nei fogli di stile.
Come ti sconsiglio il suggerimento sul javascript, perché per fregarti, basterebbe disabilitare il suo supporto nel browser.

Visto che usate il PHP, basta metere questa clausola:

list($width, $height, $type, $attr) = getimagesize("img/flag.jpg");
if (($type >= 1) and ($type <= 3))
    if ($width < 500) $img = "[img]img/flag.jpg[/img]"; 
else $img = "[img]img/flag.jpg[/img]";

In pratica se l'immagine è più grande di 500pixel imposti width a 500 pixel, se più piccola, la imposti alla dimensione reale.
$type corrisponde al tipo di immagine, io ho fatto in modo che passino solo quelle che corrispondono a 1, 2, 3, ovvero a GIF, JPG e PNG, altro non passa.

Se dai un'occhiata al manuale del PHP online ne vedi tante altri di esempi, e le GD non servono.
http://it2.php.net/manual/it/function.getimagesize.php

M.