WordPress.org

Author: spintheweb

WP Rounded Image puts rounded borders around your images. It does it using HTML/CSS markup only.

When you post, any images contained in your post will receive rounding. Image will be replaced with markup.

This:

<img src="thetest.jpg" title="fantastico!" / >

Becomes this:

<!-- wp-rounded-img begin -->
    <div class="wp-rounded-img ">
        <div class="wp-rounded-img-corner wp-rounded-img-tl"></div>
        <div class="wp-rounded-img-corner wp-rounded-img-tli"></div>
        <div class="wp-rounded-img-side wp-rounded-img-t"></div>
        <div class="wp-rounded-img-corner wp-rounded-img-tr"></div>
        <div class="wp-rounded-img-corner wp-rounded-img-tri"></div>
        <div class="wp-rounded-img-side wp-rounded-img-l"></div>
        <div class="wp-rounded-img-side wp-rounded-img-r"></div>
        <div class="wp-rounded-img-corner wp-rounded-img-bl"></div>
        <div class="wp-rounded-img-corner wp-rounded-img-bli"></div>
        <div class="wp-rounded-img-corner wp-rounded-img-br"></div>
        <div class="wp-rounded-img-side wp-rounded-img-b"></div>
        <div class="wp-rounded-img-corner wp-rounded-img-bri"></div>
<!-- wp-rounded-img img begin --> <img src="thetest.jpg" title="fantastico!" style="border: none 0em;" /> <!-- wp-rounded-img img end -->
    </div><!-- wp-rounded-img end -->

If the <img> has the class "wp-rounded-off", it will not be replaced with the above markup. You can add the class to the image with the rounded markup, and the rounding markup will be removed.