Показ изображения с масштабированием фрагментов

Эффект применим в интернет магазинах, для улучшенного показа деталей(фактуры) одежды, украшений и аксессуаров

Код скрипта
<link href="http://kachay.ucoz.org/cloud_zoom/cloud-zoom.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://kachay.ucoz.org/cloud_zoom/jquery.min.js"></script> <script type="text/JavaScript" src="http://kachay.ucoz.org/cloud_zoom/cloud-zoom.1.0.2.js"></script> <div id="wrap2" style="top:0px;z-index:9999;position:relative;margin:10px;"> <a class="cloud-zoom" href="http://kachay.ucoz.org/cloud_zoom/nasta1.jpg" id="zoom2" rel="adjustX: 10, adjustY:-4, tint:'#506485', zoomWidth: '400',zoomHeight: '400', position:'right', softFocus:false" style="position: relative; display: block;"> <img src="http://kachay.ucoz.org/cloud_zoom/nasta1sm.jpg" alt="" align="left" title="photo by TommyRock" style="display: block;"></a> <div class="mousetrap" style="background-image: url(); z-index: 999; position: absolute; width: 240px; height: 320px; left: 0px; top: 0px; cursor: move; "></div></div>

Вам понадобится изображение хорошего(нормального -от 1000пх) качества и его уменьшенная копия

Тег rel отвечает за нюансы работы модуля
rel="adjustX: 10, adjustY:-4, tint:'#506485', zoomWidth: '400',zoomHeight: '400', position:'right', softFocus:false"