Авторизация



Напомнить пароль
Регистрация


РазработкаjQuery зуммеры, эффекты увеличения. Часть 1

Зуммер изображений для интернет-магазина

jQuery плагины с эффектом увеличения части изображения. Очень часто похожие решения использут в интернет магазинах для организации детального просмотра товара. При наведении курсора на изображение область под курсором увеличивается и отображается в блоке поверх фотографии.

В заметке собрано 14 различных jQuery плагинов, использующих эффект увеличения.

1. Плагин jQuery лупа

jQuery лупа

Увеличение квадратной области.

2. Cloud Zoom

Плагин для jQuery Zoomer

Этот плагин по качеству реализации ни чем не уступает коммерческим скриптам по масштабированию изображений, например, такому как Magic Zoom. Много различных возможностей и совместимость с наиболее популярными браузерами. Рекомендую посмотреть этот скрипт в деле на демонстрационной странице. Я думаю, он не оставит вас равнодушными.

3. jQuery плагин для увеличения области текста или изображения под мышкой

JQuery плагин для увеличения области текста

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

4. jQuery плагин для увеличения изображения

jQuery плагин для увеличения изображений

Выполнен в виде экрана iPhone.

5. MooTools плагин «Zoomer»

Mootools плагин

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

6. jQuery портфолио с zoom-эффектом

jQuery портфолио с эффектом масштабирования

Интересная реализация портфолио, созданная путем взаимосвязи двух jQuery плагинов: Cloud Zoom и Fancybox. При наведении курсора мыши на миниатюру появляется увеличенная копия области, находящейся под курсором. При нажатии на миниатюру открывается Fancybox галерея, с помощью которой можно просмотреть несколько полноразмерных изображений для данного проекта в портфолио.

7. jQuery плагин «Easy Image Zoom»

jQuery плагин

Увеличение области, находящейся под курсором.

8. jQuery плагин «Zoomy»

jQuery лупа

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

9. jQuery плагин «BeZoom»

Зуммер на jQuery

Зуммер на jQuery.

10. jQuery плагин «ImageLens»

Плагин jQuery Лупа

Эффект увеличительной лупы при наведении курсора мыши на изображение. Реализовано с помощью jQuery.

11. jQuery плагин «Magnifier»

jQuery зуммер

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

12. Зуммер изображений для интернет-магазина «jqZoom»

Зуммер изображений для интернет-магазина

Можно использовать для реализации детального просмотра товара в интернет магазинах.

13. Просмотр большого изображения в ограниченной области

Навигация по большому изображению

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

14. AJAX-zoom плагин

Плагин для jQuery галереи

AJAX-zoom представляет собой плагин очень функциональной галереи, с большим набором функций. Плагин работает на JQuery и PHP и имеет более 250 вариантов отображения. В дополнение его функциональности — это очень гибкий плагин, который может быть интегрирован в любой сайт.

Подготовлено по материалам: efimov.ws

  • 0
  • Автор: efimov
  • Дата: 23 ноября 2011, 21:04
  • В избранное:


Комментарии (3)

rss свернуть / развернуть
Available on mp3, tracks the worlds largest store for DJ House, Club, Dance, Minimal, Psy-Trance, Dubstep…
0daymusic.org
свернуть ветку
Мы ценим ваше время и делим с вами общие цели. Ваши продажи для нас главный приоритет.
заказать продвижение вашего товара в соц сетях логин скайпа pokras7777
оращайтесь договримся есть примеры работ логин скайпа pokras7777
свернуть ветку
ORDER ONLINE WITHOUT A PRESCRIPTION ADOXA, FREE DELIVERY
ORDER ADOXA (DOXYCYCLINE) RIGHT NOW >>> CLICK HERE!
GET HIGHEST QUALITY DRUGS WITH BEST PRICE!
FDA APPROVED! NO PRESCRIPTION IS REQUIRED!
FAST WORLDWIDE SHIPPING!
LIVE CHAT SUPPORT HERE 24/7
DISCOUNT! FREE GIFTS!
WE ACCEPT VISA, MASTERCARD, AMEX
CHEAPEST PRICE TO BUY ADOXA ONLINE!
ORDER ADOXA (DOXYCYCLINE) WITH NO PRESCRIPTION — BEST ONLINE PHARMACY IN THE USA!
BUY COST FOR CHEAP GENERIC ADOXA TAKE ADOXA
BUY 120 CHEAP ADOXA TAKE ADOXA IN TUCSON
PURCHASE ADOXA CHEAP BUY ADOXA IN LIVERPOOL
BUY DISCOUNT ADOXA TAKE ADOXA IN USA
BUY ONLINE TAKE CHEAP ADOXA TAKE ADOXA IN ST.PAUL
ADOXA OVERNIGHT DELIVERY TO MONTREAL BUY ADOXA PILLS ONLINE
Buy Ampicillin Cheap No Prescription
ADOXA NO SCRIPT REQUIRED EXPRESS DELIVERY ORDER ADOXA COD OVERNIGHT
ORDER CHEAP BUY ORDER CHEAP ADOXA SALE ADOXA IN LONDON
BUY DISCOUNT REAL ADOXA
BUY MEDICINE SALE ONLINE ADOXA TAKE ADOXA IN HAMPTON
ADOXA CHEAP MEDICATIONS ONLINE BUY CHEAP BRAND ADOXA ONLINE
BUY ADOXA TAKE ADOXA IN SAN DIEGO
BUY COD CHEAP ADOXA CHEAP ADOXA NEXT DAY
Buy Antibiotics Online Without A Prescription
BUY ONLINE CHEAP BRAND ADOXA TAKE ADOXA IN HENDERSON
TAKE CHEAP ADOXA ONLINE ADOXA WITHOUT PRESCR'S NORWAY
NO RX NEEDED FOR PURCHASING ADOXA SALE ADOXA IN NEW YORK
ADOXA OVERNIGHT SHIPPING FED EX CHEAP ADOXA PILL SHOP
HOW TO BUY BUY ADOXA TAKE ADOXA IN NORWAY
PURCHASE PHARMACEUTICAL ADOXA TAKE ADOXA IN PHILADELPHIA
ORDER ADOXA IN HAWAII BEST ADOXAS LINE DRUGSTORE
>>>CHEAP ADOXA ONLINE BUY FAST SALE ADOXA IN USA
Buy Zyvox 600 mg online at lowest cost
ADOXA ONLINE WITHOUT PRESCRIPTION
BUY ADOXA DRUGS DRUGSTORE!BUY ADOXA IN CANADA
BUY ADOXA SALE ADOXA IN LOS ANGELES
Buy Female Viagra on line Alabama
CHEAPEST ORDER ADOXA SALE ADOXA IN VIRGINIA
OVERNIGHT FEDEX DELIVERY ORDER ADOXA TAKE ADOXA IN ALBUQUERQUE
ADOXA ONLINE WITHOUT PRESCRIPTION BUY ADOXA IN PHILADELPHIA
RISKS OF BUYING BUY ADOXA TAKE ADOXA IN ESTONIA
Buy Antibiotics Online No Prescription Cheap. Order Antibiotics USA
WHO KNOWS HOW TO BUY CHEAP ADOXA SALE ADOXA IN OTTAWA
WHERE TO ORDER SALE BUY ADOXA TAKE ADOXA IN NEW YORK
BUY ADOXA IN DETROITE BUY ADOXA ONLINE PHARMACY
GENAERIC BUY CHEAPEST ADOXA SALE ADOXA IN JOLIET
BUY ONLINE ORDER ONLINE CHEAPEST TABLETS ADOXA TAKE ADOXA IN OKLAHOMA
BUY ADOXA ONLINE WITHOUT PRESCRIPTION FIND ADOXA TO BUY WITHOUT PERSCRIPTION
BUY ADOXA FAST CHEAP ORDER BUY ADOXA ONLINE WITHOUT DOCTOR'S
BUY AND COMPARE CHEAP ADOXA TAKE ADOXA IN GLENDALE
PURCHASE LOWEST PRICE SALE ADOXA SALE ADOXA IN AUSTRALIA
BUY ADOXA IN JERSEY CITY
BEST BUY ADOXA ONLINE IN SPAIN ONLINE ADOXA BUY
WHO KNOWS WHERE TO BUY CHEAP ADOXA TAKE ADOXA IN GLASGOW
ONLINE ADOXA BUY BUY ADOXA WITHOUT RX
WHERE TO ORDER CHEAPEST TABLETS ONLINE BUY ADOXA TAKE ADOXA IN ILLINOIS
WATSON BUY CHEAP ADOXA TAKE ADOXA IN HOUSTON
Buy cheapest Super Antiox GSE without prescription
WARNINGS
WHO KNOWS WHERE TO BUY CHEAP ADOXA TAKE ADOXA IN GLASGOW
SAMPLES OF GENERIC ADOXA TAKE ADOXA IN CINCINNATI
ONLINE ORDERABLE BUY ADOXA TAKE ADOXA IN LEXINGTON
CHEAP ADOXA NO PRESCRIPTION NEXT DAY DELIVERY
CHEAP ADOXA NEXT DAY
ORDERING BUY ONLINE SCAMS ADOXA SALE ADOXA IN UK
CHEAP ADOXA ORDER ONLINE
свернуть ветку
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.