Image Resizing.

[natasha_thomas]

Folks,

 

I have an Image URL, i want to show this image on my site but i want to resize the image on the fly.

 

Image:

http://ecx.images-amazon.com/images/I/41daynaberL._SL75_.jpg

 

What i am doing is:

<img height="100" width="80" src="http://ecx.images-amazon.com/images/I/41daynaberL._SL75_.jpg" />

 

But its not resizing the Image...

 

Any solutions?

 

Cheers

N

[crmamx]

Why don't you resize it with a photo editor instead of the browser?

[arbitter]

I don't quite see the problem, no flaws in your code and it should do the trick. Are you sure it isn't resized?

[fishtoon]

Hi. You can useing CSS control the imgae resize, For example:

.img {

max-width:300px;

/*width:300px;*/

width:expression(width>300?"300px":width+"px");max-width: 300px;

overflow:hidden;

}

[hemo-ali]

Yes css is another solution but why html doesn't work

the html code above is correct

[crmamx]

Yes css is another solution but why html doesn't work

the html code above is correct

 

I don't know what your problem is but you are right, the code does work.

 

But first, why are you linking to the image instead of downloading it?

 

And secondly, the image is 75x50 px and you can't resize a picture larger without distorting it which is what happens in this case.

[spiderwell]

do you actually mean you want to create a thumbnail image of the original?

[ryanfilard]

Folks,

 

I have an Image URL, i want to show this image on my site but i want to resize the image on the fly.

 

Image:

http://ecx.images-amazon.com/images/I/41daynaberL._SL75_.jpg

 

What i am doing is:

<img height="100" width="80" src="http://ecx.images-amazon.com/images/I/41daynaberL._SL75_.jpg" />

 

But its not resizing the Image...

 

Any solutions?

 

Cheers

N

 

Have img height="100" width="80"  after the img src <src="http://ecx.images-amazon.com/images/I/41daynaberL._SL75_.jpg" img height="100" width="80"  />