Плагин Zoomy

Опубликовано: 17 Сен 2014

Zoomy - быстрый и маленький плагин для масштабирования изображений. Нужно две копии одного изображения: первая - для выводимого варианта, вторая -  для масштабированного варианта. Большинство CMS хранят или создают копии одного изображения в разных размерах, поэтому использовать плагин будет очень просто.

Скачиваем плагин.

Подключаем в head:

<link type="text/css" rel="stylesheet" href="zoomy/zoomy.css" />
<script type=
"text/javascript" src="zoomy/jquery-1.8.3.min.js"></script>
<script type=
"text/javascript" src="zoomy/zoomy1.4.6.js"></script>
<script type=
"text/javascript">
jQuery(function(){
jQuery('.zoom').zoomy('mouseover',{ //включение лупы: 'click'-по щелчку, 'mouseover'-при наведении мыши, 'mouseenter'-вхождение мыши на объект
zoomSize: 200, //размер лупы
round: true, //true - круглая лупа, false - квадратная, (в IE6-8 не работает, лупа всегда будет квадратной)
glare: false, //true - градиентная размывка вверху линзы (подсветка) есть, false - нет
border: '5px solid #999' //параметры границ лупы
});
});
</script>

  И подключаем плагин к изображению в нужном нам месте:

<a href="zoomImg.jpg" class="zoom">
    <img src="displayImg.jpg" alt="Изображение" />
</a>

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


Оставить комментарий




Разрешённые теги: <b><i><br>Добавить новый комментарий: