Увеличение изображения jQuery

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

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

Я нашел эту небольшую jQuery библиотеку на просторах интернета и написал небольшую статью о том, как ее установить и настроить. Установка всего в 2-3 шага и занимает максимум 45-50 секунд.

В статье Вы можете посмотреть реальный пример работы этого плагина и скачать его, чтобы увидеть как и что сделано в исходном коде.

Как сделать увеличение картинки читайте здесь - jQuery увеличение картинки.

--------------------

С Уважением, Юрий Немец

		Это интересно +4	Как всё будет выглядеть в блоге: Увеличение изображения jQuery Увеличение картинки в виде лупы, то есть где находится лупа, там часть увеличивается Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/uchimsya-rabotat-v-kompyuternyih-programmah/8098832/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Увеличение изображения jQuery </a> <div class="insert-intro" style="font-family:trebuchet MS;"> Увеличение картинки в виде лупы, то есть где находится лупа, там часть увеличивается </div> </div> Увеличение изображения jQuery <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/uchimsya-rabotat-v-kompyuternyih-programmah/8098832/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Увеличение изображения jQuery</a> <div style="font-family:trebuchet MS;"> Увеличение картинки в виде лупы, то есть где находится лупа, там часть увеличивается </div> </div>

Юрий Немец

12.02.2015

В избранное Пожаловаться Просмотров: 969

Комментарии ⁰

Учимся работать в компьютерных программах 1086

Последние откомментированные темы:

Увеличение изображения jQuery

Комментарии временно отключены

Открытая группа
54215 участников