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