Эффект лупы для изображения uCoz
827материалов
228тем на форуме
3004комментария
6159пользователей

Эффект лупы для изображения uCoz


Не много описания:

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

Установка:

Для начала подключаем библиотеки:
Под каждой картинкой прописан #id и параметры которые указаны в материале.
Код
<script src="/js/jquery.js" type="text/javascript"></script>
<script src="/js/jquery.imageLens.js" type="text/javascript"></script>
  <script type="text/javascript" language="javascript">
  $(function () {
  $("#img_01").imageLens();
  $("#img_02").imageLens({ lensSize: 200 });
  $("#img_03").imageLens({ imageSrc: "sample01.jpg" });
  $("#img_04").imageLens({ borderSize: 8, borderColor: "#06f" });
  });  
  </script>

Изображение:
Код
<img id="img_01" src="ссылка на картинку">

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 17.11.2015 в 07:00
Материал просмотрен: 1060 раз
Категория материала: Скрипты для uCoz
К материалу оставлены: 2 комментария

Пожаловаться
Сказать спасибо
Источник

2 комментария


maks@@@
Честно не знаю , где это может пригодится
Ромчик
Этот эффект отлично подойдет например для больших изображений, например некоторых товаров в интернет-магазине, где покупателю необходимо рассмотреть будущую покупку.
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта