регистрация
856материалов
3308комментариев
234темы на форуме
6958пользователей

Эффект лупы для изображения 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
Материал просмотрен: 1434 раза
Категория материала: Скрипты для uCoz
К материалу оставлены: 2 комментария

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

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


maks@@@
Честно не знаю , где это может пригодится
Ромчик
Этот эффект отлично подойдет например для больших изображений, например некоторых товаров в интернет-магазине, где покупателю необходимо рассмотреть будущую покупку.
avatar
Хотите сайт всего за 10 дней?
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 3
Гостей: 3
Пользователей: 0