Четверг, 28.03.2024, 19:41:17

Пройдите регистрацию и станьте пользователем!!!
Гость
Логин:
Пароль:

Новые сообщения Участники Правила форума Ваша ссылка Поиск RSS
  • Страница 1 из 1
  • 1
Форум » Всё для сайтов системы UCOZ » Разные скрипты для UCOZ » Красивый эффект увеличительного стекла через плагин Zoomy (на jQuery)
Красивый эффект увеличительного стекла через плагин Zoomy
Shaman88Дата: Воскресенье, 30.01.2011, 15:54:56 | Сообщение # 1
Сообщений: 2
Награды: 0

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

После /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
Так же в архиве имеются все картинки.

Скачать

Форум » Всё для сайтов системы UCOZ » Разные скрипты для UCOZ » Красивый эффект увеличительного стекла через плагин Zoomy (на jQuery)
  • Страница 1 из 1
  • 1
Поиск:

Max1-Soft.Ru | (c) | 2009-2011
Сайт оптимизирован под разрешение экрана 1280х1024 и браузеры Opera и Mozila Firefox
Design Version 4.7 | Created and Design by krueger