Вернуться в каталог >>>
  Оформление картинок на страничке с помощью скрипта corner.js
Чтобы скрипт работал с картинкой она должна иметь class="corner". Далее в class="corner параметр1 параметр2 параметр3 и т.д." через пробел задаются параметры скрипта для конкретной картинки.

Примеры работы скрипта " corner.js "

class = "corner" - (идентификатор)

class = "corner ishade50" - (выпуклость)

class = "corner ishadow30" - (глубина-тень)

class = "corner ishade50 ishadow20"
- (выпуклость+тень)

class = "corner ishadow40 inverse"
- (тень+инверсия)

class = "corner iradius16"
- (скругление углов)

class =
"corner iradius24 ishadow33 inverse"
- (скругление углов+тень+инверсия)

class =
"corner iradius20 ishadow33"
- (скругление углов+тень)

class =
"corner iradius8 ishade75 ishadow33
- (скругление углов+выпуклость+тень)"

class =
"corner iradius16 ishade66 ishadow30
- (скругление углов+выпуклость+тень)"

beautiful landscape

class =
"corner iradius32 ishade50 ishadow25"
- (скругление углов+выпуклость+тень)

class =
"corner iradius48 ishade33"
- (скругление углов+выпуклость)

Пример картинки - ссылки разных размеров

2/3 image width and height

class =
"corner iradius12 ishade50 ishadow20"

1/2 image width & height


class =
"corner iradius10 ishade66 ishadow25"

1/3 width & height


class =
"corner iradius8 ishade75 ishadow30"
(идентификатор+радиус+выпуклость+тень)

Скопируйте и вставте
Внутри тега <HEAD> - </HEAD>
Здесь пояснять нечего.
Внутри тега <BODY> - </BODY> там где у Вас будет картинка.
Это просто для примера. Вы поставите свою картинку со своими параметрами. Цыфра в конкретном параметре задаёт его выличину. Например: iradius48 - радиус закругления углов 48рх
ishade50 - проявление выпуклости 50%
ishadow25 - проявление тени 25%
Параметр ishadow с нужным значение можно использовать с параметром inverse (например: ishadow40 inverse). В этом случае тень превращается(инвертируется) в выпуклость но с сохранением цвета тени - пример 5. Цвет выпуклости и тени задаётся в самом скрипте corner.js. Если Вы хотите их изменить Вам нужно, воспользовавшись функцией [Скачать с сервера], скачать данный файл и внести необходимые изменения. Скрипт corner.js можно использовать одновременно со скриптом justcorners.js, что увеличит колличество вариантов оформления картинок на страничке. Их нельзя применять одновременно к одной картинке(будет работать тот чей класс стоит первым), но к разным картинкам на одной страничке можно.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.