JQuery anti-aliased rounded corners plugin v1.2

March 8, 2008 | Published in: Out of the Blue | Tags: , , 6

A new version of the rounded corners plugin has been uploaded, you can grab it here or see a demo here.

This version has improved background image support and is more reliable. File size of the packed version is around 9kb.

Share This

Related Entries

6 Responses to “JQuery anti-aliased rounded corners plugin v1.2”

RSS feed for comments on this post.

  • 1 - Mark Zuckerberg says:

    Gravatar

    Mike, why exactly did you put this line in your javascript: var returnColour = “#ffffff”; if(colour != “” && colour != “transparent”)? I was curious because when trying to apply a transparent PNG background this function makes all curves come out white, rather than transparent like I intended. I commented parts of that line out so that it wouldn’t replace transparent PNGs with the color white anymore, now it works perfectly. I was just curious why you made that coding decision?

    Comment made on March 8, 2008 at 8:19 am

  • 2 - Mike Jolley says:

    Gravatar

    I think Its there so the function returns something in all cases. Perhaps I made a mistake. I will consider removing it to fix the transparency. Thanks for noticing!

    Comment made on March 8, 2008 at 10:51 am

  • 3 - Mark Zuckerberg says:

    Gravatar

    I did notice that the curves stop displaying in IE6 when applying a transparent PNG background after my change to the code. I do realize that transparent backgrounds don’t work in IE6 by default, but even after using Dean Edwards’ javascript library IE7 that forces IE6 to behave like a standards compliant browser, it still didn’t work. My point is, maybe that is why you included that function, because of IE’s failure to recognize transparent PNG bgs? I will state this, after altering the script it works perfectly in Firefox, but isn’t that always the case ;) Regradless, I enjoy this adaptation of the curvy Corners script, it seems very popular. Keep up the good work.

    Comment made on March 8, 2008 at 7:04 pm

  • 4 - David Merwin says:

    Gravatar

    Non related question: Why did you disable focus for your form field? The real question has to do with printing pages that have the Curvy Corners plugin. How can I get the bars and corners to NOT print. Lemme know.

    Comment made on March 12, 2008 at 12:01 am

  • 5 - Mike Jolley says:

    Gravatar

    @Mark - thanks! Perhaps it was, I really can’t remember. Maybe I should comment more lol

    @David - Tricky. If your using autopad you could modify the plugin to add a class to the autopad div, then in the print stylesheet make all the divs in the curvy corner div hidden with display:none except for the autopad.

    Comment made on March 12, 2008 at 1:14 am

  • 6 - David Merwin says:

    Gravatar

    Yeah, that was what I was thinking, but then I am creating a “branch” off of trunk. Wanted to keep it as is. Hmmm. Thanks.

    Comment made on March 12, 2008 at 4:44 pm

Leave a Reply

- Why ask? This confirms you are a human user!