Главная » Файлы » Прочие скрипты » 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 | |
Просмотров: 333 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |