Картинки с рамкой и под углом


instant Понадобилось мне немного повернуть картинку, и я нашел чудесное решение с помощью плагина на javascript  instant.js

Для начала подключаем сам plugin:

 <script type="text/javascript" src="instant.js"></script>

А дальше используем его как класс в картинках, например:

Чтобы получить такую картинку (рис.1), задаем класс class="instant icolorA9E5A9 historical", где instant – сам плагин, icolorA9E5A9 – цвет рамки, historical – стиль рамки.

рис.1

рис.1

Для такой вот картинки (рис.2) будет так: class="instant ishadow80", ishadow80 – степень прозрачности тени.

рис.2

рис.2

Чтобы закруглить углы (рис.3), пишем следующее: class="instant nocorner", где nocorner – закруглить углы картинки.

рис.3

рис.3

А вот что будет (рис.4), если вызвать только instant.

рис.4

рис.4

Размер такого плагина 25 КБ, но как картинку обрабатывает заметно

Вот пример повернутых картинок с закругленными рамками.

Скачать плагин можно на оф.сайте или тут.

, , ,

1 Star2 Stars3 Stars4 Stars5 Stars (голосов 3, в среднем: 5.00 из 5)
Loading ... Loading ...


  1. #1 онколог - Июль 28th, 2011 at 13:47

    Класс!!! Спасибо)

  2. #2 Слот - Октябрь 20th, 2011 at 08:30

    Отлично, спасибо.

(will not be published)

Spam Protection by WP-SpamFree Plugin

  1. No trackbacks.