Image resizing in HTML or JavaScript

Question

I have an application that takes an unknown image via submission by the user, and places onto the website. The image is a direct link to another image.

  <img src="someimagesite.com/adasd.jpg" width="500px">

I am looking for a way such that, if an image is submitted that is less that 500px, it scales the image to its original size instead of enlarging the image to 500px. If the image is larger than 500px, it keeps it at 500px instead of enlarging it the orignal size. The solution can either be in javascript or html. I would appreciate any help on the issue. Thanks.

472084 · Accepted Answer · 2011-11-25 21:08:58Z

2

<img src="someimagesite.com/adasd.jpg" style="max-width: 500px;">

answered Nov 25, 2011 at 21:08

472084

17.9k10 gold badges67 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chris Felstead · Accepted Answer · 2011-11-25 21:06:22Z

1

CCS can handle this. Use max-width: 500px;

answered Nov 25, 2011 at 21:06

Chris Felstead

1,2181 gold badge10 silver badges19 bronze badges

1 Comment

JesseBuesking Over a year ago

max-width is finicky in some versions of IE. Just be careful if IE is your target platform.

Collectives™ on Stack Overflow

Image resizing in HTML or JavaScript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related