mantenere proporzioni immagini

[Sammy73]

ciao raga. mi serve una mano

devo caricare immagini da un db e visualizzarle sulla pagina. mi serve che le immagini stiano in un rettangolo 100*130, ma non devono "strecciarsi", cioè devono mantenere le proporzioni.
c'è qualche proprietà del tag img per farlo? o ci sono altre idee?

grazie

[Federix]

Attraverso un livello puoi lasciare l'immagine delle sue grandezze reali, ma visualizzare solamente un area grande 100x300.

#img {
float: left;
width:300px;
height: 100px;
overflow: hidden;
display: block;
}
.
.
.
<div id="img"><image src="image.gif" /></div>

[Sammy73]

l'immagine delle sue grandezze reali,

le grandezze o le proporzioni?

a me serve un preview dell'immmagine in un riquadro 100x130 mantenedo le proporzioni

[Bukowski]

[img]notteprima.gif[/img]

[Sammy73]

[img]notteprima.gif[/img]

e se l'immagine è già piccola?

[Bukowski]

Originariamente inviato da Sammy73


e se l'immagine è già piccola?

Ovvio che diventa minuscola

Ma se tu cali proporzionalmente qualsiasi cosa è ovvio che dipende da cosa stai rimpicciolendo

Se vuoi fare un lavoro pulito usi librerie GD o IMAGEMAGIK (ovvero il PHP)

[Sammy73]

Ovvio che diventa minuscola

Ma se tu cali proporzionalmente qualsiasi cosa è ovvio che dipende da cosa stai rimpicciolendo

non posso usare PHP, al massimo ASP e Javascript

[zoom]

prova così

<div class="boxImg">
	[img]1.jpg[/img]
</div>

.boxImg{/*Box che contiene le immagini nei menu laterali*/
	border:1px solid #CCCCCC;
	background-color: #F0F8FF;
	padding:2px;	
	text-align:center;
}
.boxImg img{
	width:100%;
	height:auto;
}

basta regolare il width dell'img a quanto ti serve...
così le immagini sono anche ridimensionabili.
però è logico che le immagini devono essere tutte più o meno simili come dimensioni, altrimenti sballi tutto...

[Sammy73]

interessante ... mo lo provo!

[Sammy73]

ERA PIU' SEMPLICE DI QUANTO PENSASSIMO...

zoom mi ha dato l'idea:

senza div o css...

basta scrivere così:
[img]immagine.jpg[/img]


grazie a tutti!!!!!!!!!!!!!!1