Avatar of jmbaratta
jmbaratta
 asked on

Rounded Image Corners

Hello,

Users on our website are currently able to upload images to our server.  We use ASP Upload to do that.

But, we'd like to create a way to automatically round the corners of these images.  Is this possible using ASP Upload or any other way?

Thanks, JM
ASP

Avatar of undefined
Last Comment
Computer101

8/22/2022 - Mon
amit_g

You are talking about editing the uploaded image. ASPUpload is a component to facilitate the uploading only. I don't think there is a component that would do it on the fly.

You could probably use some HTML/CSS technique while displaying the uploaded image to be displayed with rounded corner.
jmbaratta

ASKER
Then, what coding that should be used to display a regular image as one with rounded corners?
amit_g

Depeneds how your current HTML looks. There are several ways. Try

http://kalsey.com/blog/2003/07/rounded_corners_in_css/
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck
jmbaratta

ASKER
This looks like it is creating rounded corners around text content, though.  

I'm trying to create this: http://www.medmarketplace.com/jm/MEDDirectoryResultsPage.jpg

(see the 3 images with rounded corners on the left?)
amit_g

The technique should work for images also. Put image tag in place of text. The only issue is that you will have to match the color of background (i.e. the corners) with the color of uploaded image and give the proper size also. But I already see problems in that.
Garve

Hi JM

There are lots of ways to do this, but all have pros and cons. You can manipulate the image using a component on the server like ASPJpeg for instance. You could also place a transparent .png frame over the top of each image. What's best depends upon the following.

Are all your images the same size?
Are all your images going to be placed against the same background color?
Can you get components installed on your web hosting?

cheers

Garve
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
jmbaratta

ASKER
Hi Garve,

Thanks for the note.  Here are the answers to your questions.

All images will be small thumbnails, but they will not necessarily be the exact same size.
All images will be placed on a white background.
Yes, we can install components on our web hosting.

Thanks,
JM
Garve

Hi JM

If the thumbnails were all going to be exactly the same size I'd advise you to set them as background images on a div of the same size, and then place a transparent .png over the top of them.

However, if they're not then I think your best bet is to use something like ASPJpeg

http://www.aspjpeg.com/manual.html

If you install this on your machine then each time you upload an image using ASPUpload you can place two .png overlays on it, one for the top corners and one for the bottom corners, and then save it.

ASKER CERTIFIED SOLUTION
Computer101

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question