jQuery плагины с эффектом увеличения части изображения. Очень часто похожие решения использут в интернет магазинах для организации детального просмотра товара. При наведении курсора на изображение область под курсором увеличивается и отображается в блоке поверх фотографии.
В заметке собрано 14 различных jQuery плагинов, использующих эффект увеличения.
Увеличение квадратной области.
Этот плагин по качеству реализации ни чем не уступает коммерческим скриптам по масштабированию изображений, например, такому как Magic Zoom. Много различных возможностей и совместимость с наиболее популярными браузерами. Рекомендую посмотреть этот скрипт в деле на демонстрационной странице. Я думаю, он не оставит вас равнодушными.
Относительно гибкий скрипт. Отображаемые области легко настраиваются с помощью CSS. Плагин увеличивает небольшую зону, находящуюся под мышкой. Переключение между большим и малым размером всего содержимого осуществляется двойным кликом
Выполнен в виде экрана iPhone.
Для детального просмотра изображения достаточно просто навести курсор мыши на него.
Интересная реализация портфолио, созданная путем взаимосвязи двух jQuery плагинов: Cloud Zoom и Fancybox. При наведении курсора мыши на миниатюру появляется увеличенная копия области, находящейся под курсором. При нажатии на миниатюру открывается Fancybox галерея, с помощью которой можно просмотреть несколько полноразмерных изображений для данного проекта в портфолио.
Увеличение области, находящейся под курсором.
1 | 2 |