Увеличение изображения по клику

Статья устарела! Более интересное решение тут!

UPD от 04.05.2016 Если у вас нет желания разбираться с кодом, то приглашаю к тестированию моего плагина Litezoom!

Изображения на сайтах встречаются довольно часто и при этом они бывают больших размеров, но дизайн сайта далеко не всегда позволяет разместить её в полном формате. Поэтому нужно придумать способ, который бы позволял увеличивать их. Способов множество, но мне нравится на jquery.

Итак, предположим у нас есть страничка:

Наведем красоту и пропишем стили для нашей картинки:

Осталось написать скрипт, отвечающий за увеличение картинки:

Вот что у нас получилось

See the Pen VeJmmO by Aleksei (@AmateR) on CodePen.0

Пример полностью:

 

Оставить комментарий

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