Увеличение картинок по клику

Само по себе, это едва не самое популярное расширение, которое используется на сайтах. Самы простые из них ставятся в проекты типа «визитка». Более сложные используют в вариантах проектов «бизнес» и более высоких.

Увеличение картинок используется как для увеличения отдельных картинок в сататье, так и для создания небольших галерей изображений.

Основные примеры расположены ниже, по порядку.

Простое увеличение по клику

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

Зум

В правом блоке та самая картинка, при клике на ней наведении курсора на неё масштаб изображения увеличивается, но само изображение не выходит за рамки первоначальных размеров. При движении курсора мыши, возможно перемещение внутри картинки.

C эффектом наведения

Кроме этого, на обычном увеличении можно и не останавливаться. При желании возможно добавить определенные анимационные эффекты при наведении курсора. Данные эффекты достаточно разные по сложности и возволяют воплощать самые разные идеи, но в примере мы ограничились несложным вариантом, для того, что бы не выбивалось из общего дизайна.

C эффектом переворачивания

Менее популярный эффект, так как последнее время мода в сайтостроении сходит на минимализм, кроме того у некоторых пользователей вызывает небольшой дискомфорт от резкого движения, но, несмотря на это, используется на некоторых сайтах.

Простая фотогалерея

В случае, если данное расширение немного «перенастроить», то возможно использовать его как простую фотогалерею. Вполне подойдет для сайтов, где фотогалерея не является главной функцией, а используется как дополнительная возможность. Однако, если у Вас сайт специализируется на реализации продукта, где нужна галерея, то для этого лучше использовать расширенную фотогалерею, где фото будут с фозможностью комментирования, оставления оценки, рейтинга и тегов.