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

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

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

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

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

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

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

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

подгружаем:

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

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

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

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

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

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