| Главная » Файлы » Прочие скрипты » jQuery |
Эффект увеличительного стекла при наведении курсора на картинку через плагин IZOOM на jQuery
| 23.06.14, 09:38:08 | |
 Интересный плагин, который создаёт эффект увеличительного стекла при наведении курсора на картинку. Вы можете рассмотреть самые мелкие детали любого изображения, используя данное творение Для начала посмотрите ДЕМО Установка: После /head на нужных страницах вставляйте: Код <style type="text/css"> .iZoom {height:155px;} .imgWrapper {margin:10px 10px 10px 50px; padding:5px; float:left; border:1px solid #777; background:#fff;} </style> <script type="text/javascript" src="/js/iZoom.js"></script> <script type="text/javascript"> $('document').ready(function(){ $('#myPic1').iZoom({diameter:200}); }); </script> Следующий код в то место, где будет картинка с эффектом: Код <div class="imgWrapper"> <img class="iZoom" id="myPic1" src="Ссылка на картинку" /> </div> <br clear="all" /> Осталось лишь залить скрипт из прикреплённого архива в папку js Материал подготовлен Apocalypse | |
| Просмотров: 367 | Загрузок: 0 | | |
| Всего комментариев: 0 | |
|
| |