Главная » Файлы » Прочие скрипты » 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

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