Эффект увеличительного стекла (плагин IZOOM на jQuery)
Интересный плагин, который создаёт эффект увеличительного стекла при наведении курсора на картинку. Вы можете рассмотреть самые мелкие детали любого изображения, используя данное творение.
Установка:
После /head на нужных страницах вставляйте:
Code
<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>
.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>
Следующий код в то место, где будет картинка с эффектом:
Code
<div class="imgWrapper">
<img class="iZoom" id="myPic1" src="Ссылка на картинку" />
</div>
<br clear="all" />
Осталось лишь залить скрипт из прикреплённого архива в папку js
Источник: не указан
0
