simulare max-width su immagini in explorer

[beeky]

ciao,

ho l'esigenza inserire delle immagini in un div e vorrei che se queste superano una certa larghezza vengano impostate a 500px.

Per questo ci sarebbe il parametro max-width che sfortunatamente non è supportato da explorer

cercando ho visto che si può simulare l'effetto con l'espressione width: expression(document.body.clientWidth ...

l'ho provata ma non mi funziona

posto il codice:

.box_diy img {
	max-width:500px;
	width: expression(document.body.clientWidth < 502? "500px" : "auto");
	}

diciamo che l'ho interpretato a modo e forse per questo non funziona...
qualcuno può aiutarmi?

grazie

[Mich_]

Non conosco le espressioni, che sono una estensione di IE.

Ma perche` hai messo minore (<)?
Io proverei con:
document.body.clientWidth > 502? "500px" : "auto"

che significa: se la larghezza dell'oggetto e` maggiore di 502, settala a 500px, altrimenti setta auto
L'operatore ? : e` un operatore ternario: e` spiegato nei manuali di JS.

[beeky]

ops..scusate ho postato male l'espressione.
in realtà uso già il segno >.

il risultato è che tutte le immagini sono portate 500px

[Mich_]

ma cosa e` che non funziona?
Vorrsti che le immagini contenute all'interno di tutti gli elementi con classe box_diy fossero limitate in larghezza?
Non e` che hai scritto male e volevi scrivere box_div ?

[beeky]

Originariamente inviato da Mich_
ma cosa e` che non funziona?
Vorrsti che le immagini contenute all'interno di tutti gli elementi con classe box_diy fossero limitate in larghezza?
Non e` che hai scritto male e volevi scrivere box_div ?

è esattamente quello che vorrei.

la classe è proprio .BOX_DIY con la Y e non con la V

stò facendo esperimenti, ma ancora nulla

[beeky]

risolto!

nel caso servisse a qualcun'altro l'espressione da usare per avere 500 pixel come limite in larghezza è questa:

.box_diy img {
width:expression(this.width > 500 ? 500: true );
}