KorniloFF-ScriptS ©

Здравствуйте, Гость!
Путь страницы:   Стартовая > Javascripts > Бесплатные скрипты > Изменение оформления изображений
Page
Menu

Изменение оформления изображений

Всем изображениям, которые должен обработать скрипт присваиваем определенные классы. Без них изображения своего вида не изменят.

При присвоении class="bg"изображения поменяют свой фон на градиентный. Совершенно не имеет значения, обернуто ли изображение ссылкой или еще каким тегом. Скрипт оборачивает изображение блоком с заданным в настройках фоном. Отмечу, что смысл в такой манипуляции имеет только при использовании изображений с прозрачным собственным фоном. Также можно изменить как размер, так и любые другие стили этого блока-обертки.

При присвоении class="shad"под каждым изображением появится нестандартная тень, стандартную проще сделать средствами CSS. Ссылка для скачивания файла с использованной в примере тенью находится под самим примером ниже. При использовании этого класса уже не имеет значения прозрачность фона основного изображения.

При присвоении мультикласса class="shad bg"описанные выше свойства классов объединяются, создавая объединенный эффект оформления изображений.

Изображения без class(обычные)

     

Изображения с class="bg"

     

Изображения с class="shad"

     

Скачать изображение нестандартной тени

Изображения с мультиклассом class="shad bg"

     
Исходный код примера:
Комментарии к теме (0)

Комментариев пока нет.

Дабавить комментарий