Главная » Файлы » Прочие скрипты » jQuery

Красивый эффект увеличительного стекла через плагин Zoomy на jQuery
23.06.14, 13:42:10

Скачать файл




Данный плагин позволяет создавать эффект увеличительного стекла. Смотрится очень здорово!

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Код
<link type="text/css" rel="stylesheet" href="/css/zoomy.css" />


Следующий код в то место, где будет картинка с эффектом:
Код
<div class="shadow"></div>
  <a class="normal" href="Ссылка на большое изображение"><img src="Ссылка на маленькое изображение" /></a>


Следующий код вставляйте в самый низ страницы после тега /body:
Код
<script type="text/javascript" src="/js/zoomy.min.js"></script>
  <script type="text/javascript">
  $(function(){
  $('.normal').zoomy();  
  });  
  </script>


Осталось лишь залить скрипт из прикреплённого архива в папку js и стиль в папку css

Картинки, расположенные в архиве, прикреплены на тот случай, если ссылки на них станут битыми

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: эффект, Через, красивый, на, плагин, JQuery, стекла, Zoomy, увеличительного
Просмотров: 202 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: