Здравствуйте, уважаемые читатели!
Иногда при разработке проекта возникает необходимость применения «зума» (лупы) для отдельных частей изображений. Вариантов реализации существует довольно много, но мы рассмотрим лишь один конкретный плагин jQuery – «CloudZoom».
Среди преимуществ этого плагина следует выделить следующие: простая интеграция с HTML, кроссбраузерность, размер и быстродействие, плавность зумирования, режим галереи, возможность осуществлять различные режимы увеличения, гибкость настройки, работоспособность без CSS, бесплатность.
Встроенные опции реально расширяют функционал плагина за счет трансформации его поведения: изменение ширины и высоты увеличительного окна, прозрачность тени, уровень сглаживания и искаженности при перемещении увеличенного изображения, а так же возможность добавить заголовок.
Вот простой пример применения плагина в вашем проекте:
