Плавное увеличение картинки при наведении на неё курсором мыши

By | 10.12.2012

При наведении курсора на изображение, оно плавно увеличивается.

Это, достаточно, полезная функция, по сути, для любого информационного сайта на котором размещены, какие-либо, картинки.

С помощью этого скрипта, Вам, не понадобится открывать изображение в новом окне для того, чтобы просмотреть его в полном размере. Достаточно просто навести на картинку курсором мыши.

Смотрим ДЕМО.

1. Создаём файл imagesize.css

затем подгружаем его:

2. Создаём файл imagesize.js

подгружаем:

3. Помещаем картинки в любое место на сайте прописав в коде:

Размер картинки надо указывать не реальный а тот каким, Вы, хотите видеть его в миниатюре. Например реальный размер картинки image1.jpg 320 x 240, а в коде указан: width=»150″ height=»110″

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.