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

Замечательный эффект увеличения картинок при наведении через Mootools на jQuery
23.06.14, 09:07:30

Скачать файл




Очень красивый и качественный плагин увеличения любых ваших изображений при наведении курсора мышки

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

Установка:

После /head на нужных страницах вставляйте:
Код
<script src="/js/mootools-1.js" type="text/javascript"></script>
<link rel="stylesheet" href="/css/image-hover.css" type="text/css">
<link rel="stylesheet" href="/css/image-hover-main.css" type="text/css">
<script src="/js/browserCheck.js" type="text/javascript"></script>


Далее в нужном месте прописываем саму галерею:
Код
<div id="image-container">
<div class="img" id="img-1">
<div class="mask"></div>
<img src="Ссылка на картинку">
</div>
<div class="img" id="img-2">
<div class="mask"></div>
<img src="Ссылка на картинку">
</div>
<div class="img" id="img-3">
<div class="mask" id="mask-1"></div>
<div class="mask" id="mask-2"></div>
<img src="Ссылка на картинку">
</div>
<div class="img" id="img-4">
<div class="mask"></div>
<img src="Ссылка на картинку">
</div>
<div class="img" id="img-5">
<div class="mask"></div>
<img src="Ссылка на картинку">
</div>
<div class="clearfix"></div>
</div>


Заметьте, что для каждой новой картинки нужно прописывать свой id

Материал подготовлен Apocalypse

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