Comments on: Rounded Corners on Images With CSS3

By: Thomas Kahn

Thomas Kahn — Mon, 08 Aug 2011 09:13:01 +0000

Hi Gabriel! I can’t see any of the links you’ve supplied. Did you solve the problem?

By: Gabriel Massicotte

Gabriel Massicotte — Thu, 04 Aug 2011 16:25:35 +0000

could you check what is wrong with my integration. i don’t think i need the jquery + javascript as im only bulding an iframe tab for a facebook page.
though. the image doesn’t appear properly.

http://facebook.hallecouture.com/learning%20process/hallecouture/test.html

here is the real image

http://facebook.hallecouture.com/learning%20process/hallecouture/png/telephone.png

By: krzysztof

krzysztof — Sat, 30 Apr 2011 18:29:25 +0000

This is a common way of dealing with the problem. Unfortunatelly good only to a point as images set as background appear always in original size while those in an img element can be resized.

By: Joe

Joe — Fri, 25 Mar 2011 16:10:46 +0000

Mind if I ask a stupid question?
Where do I place the jquery code?

By: Mark

Mark — Sun, 20 Mar 2011 01:22:15 +0000

Just wanted to say that this effect is sweet! Works like a charm! Thanks for posting!

By: Thomas Kahn

Thomas Kahn — Sun, 13 Mar 2011 18:05:20 +0000

Hi!

Now I’ve created a plugin. It’s work in progress so take it for what it is. There is a demo page here: http://www.smoothdivscroll.com/roundedimagecorners/

There’s no real documentation and no download link, but you can look at how I’ve used the plugin and download it if you view the source. In this plugin I’ve added a feature which allows you to use the alt-tag as an image caption if you want to. Fully configurable using options and/or CSS.

Enjoy!

By: Chris

Chris — Thu, 10 Mar 2011 21:03:07 +0000

this is a fantastic and elegant solution. nice one!

By: ko ko

ko ko — Thu, 10 Mar 2011 16:36:43 +0000

Take back what i have said above, the script has to be in $(windows).load so that it only calls the script after everthing is loaded and we will get correct width and height for our images.

By: ko ko

ko ko — Wed, 09 Mar 2011 12:09:01 +0000

it did not work for me in (Chrome, Safari and IE) $(“img.roundedCorners”).each so have change to
$(“img.roundedCorners”).load and fixed the proeblems. thx for the script.

By: Steve

Steve — Mon, 14 Feb 2011 21:50:28 +0000

I really like the idea of this and have been trying to implement it on a site of mine. However, I cannot seem to get it working with Joomla.

For some reason it’s not switching my image into a div like it should be.