Закругление уголков картинок средствами javascript



Наиболее удобной для закругления углов изображений мне показалась библиотека croner.js. Вообще говоря, кроме закругления уголков имеются еще некоторые эффекты, которые можно посмотреть на сайте разработчика. Для добавления прозрачных уголков к вашим картинкам необходимо написать в теге <head> следующее
<script type="text/javascript" src="corner.js"></script>
Для закругления углов картики надо просто в тег <img> добавить class="corner iradius8" (цифра после iradius управляет диаметром уголков). Простейший пример:
<img src="files/me.jpg" class="corner iradius8" alt="">
И мы получаем следующий результат:




Комментарии



Саша, 11.02.2010
Шляпа ваш способ...
Сергей, 26.04.2010
<a href="http://google.ru">google</a>
Роман, 21.10.2010
А можно обойтись и без javascript. Спасибо всевышнему за CSS3 и border-radius ))
Вот тут кроссбраузерное решение http://www.webcocktail.ru/coding/border-radius-for-images/
макс, 21.10.2010
а можно ли только верхние уголки закруглить? Что нужно в скрипте переписать?
Veseloff, 22.10.2010
Да, решений просто миллиарды. Просто на этом сайте собираются заметки для меня, чтобы я не забыл как и что делается и где что искать. А насчёт только верхних уголков — ХЗ. Надо на сайте автора смотреть.
Даниил, 21.05.2012
А вот и не получается Вашим методом, к сожалению, в MSIE9. Скругление не работает. Проверил Ваш пример в "огненной лисе" - всё отлично. А вот в моём бр. не отображает скругление. Вот такие дела, пошёл новый кроссбраузерный вариант искать.
Veseloff, 21.05.2012
На самом деле сейчас есть border-radius и закруглять уголки через JS уже ни к чему
Добавить комментарий:
Ваше имя:


Сайт:



Текст комментария:
Код с картинки: