13:14
ОбновитьСмайлыУправление мини-чатом
Вы вошли как Гость | Группа "Гости" | RSS

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Красивый эффект увеличительного стекла через плагин Zoomy
AmazonkaДата: Суббота, 19.02.2011, 16:47 | Сообщение # 1
Майор
Группа: Администраторы
Сообщений: 37
[ ]
Offline

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

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

Установка:

После /head на нужных страницах вставляйте:

Code

<link type="text/css" rel="stylesheet" href="/css/zoomy.css" />

Следующий код в то место, где будет картинка с эффектом:

Code

<div class="shadow"></div>   
<a class="normal" href="Ссылка на большое изображение"><img src="Ссылка на маленькое изображение" /></a>

Следующий код вставляйте в самый низ страницы после тега /body:

Code

<script type="text/javascript" src="/js/zoomy.min.js"></script>   
<script type="text/javascript">   
$(function(){   
$('.normal').zoomy();
});
</script>

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

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

Ссылка на источник материала.

  • Страница 1 из 1
  • 1
Поиск:

Сделать бесплатный сайт с uCoz

www.owi.3dn.ru © Все права защищены! 2010-2011 Сайт оптимизирован под разрешение экрана 1280х1024 и браузеры Mozila Firefox
Загрузка...