Эффект увеличительного стекла через плагин iZoom на jQuery
|
1 2 |
.iZoom {height:155px;} .imgWrapper {margin:10px 10px 10px 50px; padding:5px; float:left; border:1px solid #777; background:#fff;} |
2#: После /head на нужных страницах вставляйте:
|
1 2 3 4 5 6 |
<script type="text/javascript" src="/js/iZoom.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#myPic1').iZoom({diameter:200}); }); </script> |
3#: Картинка с эффектом оформляется так:
|
1 2 3 4 |
<div class="imgWrapper"> <img class="iZoom" id="myPic1" src="Ссылка на картинку" /> </div> <br clear="all" /> |
