Facebook rounded images

[beeXtreem]

Not sure whether to post this here or in the web design section, however, I'd like to know if anyone knows how profile thumbnail images on facebook are displayed with rounded corners when users upload them.

thanks guys

[ole90]

I'm pretty sure its CSS. I saw a jquery example and they used CSS to change the corners of photos.

[funkdaddy]

They just have an transparent image that overlays the user profile images using CSS:

http://static.ak.fbcdn.net/images/ui...e.png?8:156558

[beeXtreem]

thanks. i'll post this in d web design/css & hopefully i'll getbsome links to examples. or can y'all point me in the right direction?

[Raju Gautam]

Do you mean something like this?

http://www.devraju.com/round_images/

I had developed it for myself though it does not get the sharp corners.

[digital-ether]

I saw an implementation of this with the CANVAS element.

I can't find that but here is something close that may help:

http://ajaxian.com/archives/photo-collages-with-canvas

Also see how MochaUI does rounded corners with canvas:
http://mochaui.com/demo/

Of course theres the CSS implementations:
eg: http://www.html.it/articoli/nifty/index.html

but they can't do what the CANVAS can do.

[runrunforest]

@rajug:

cool app, however the corners need smoothing, put some anti alias on would be nicer.

[Raju Gautam]

@rajug:

cool app, however the corners need smoothing, put some anti alias on would be nicer.

Yes i have already worked with complete GD with some helps of free codes and now the corners are smooth and have already implemented too. Actually this one is using the corner images. I have now managed them with some background.
http://www.devraju.com/round_images/...p?src=soif.jpg