Эффект лупы при просмотре карты

Скрипт, создает эффект лупы при проведении мыши над частью изображения, в нашем случае карты коттеджного поселка.

Кроме этого в скрипт встроена примитивная функция вывода модального окна, отражающего какую-либо информацию об участке, по которому мы кликнем мышью. В нашем случае, я вывел координаты клика, в дальнейшем используя которые, мы можем присвоить этим координатам конкретную информацию.

Код скрипта Эффекта лупы

<div align="center"> <a id="map" href="/map_zoom/img_zoom_files/sheme_g.jpg"> <img src="/map_zoom/img_zoom_files/sheme_g.jpg" width="500" alt="Карта" /> </a> </div> <script src="http://kachay.ucoz.org/map_zoom/img_zoom_files/jquery.min.js"></script> <script src="http://kachay.ucoz.org/map_zoom/img_zoom_files/jquery.loupe.min.js"></script> <script> $('#map').loupe(); function showi() { var le1=$("#nav").position().left; var to1=$("#nav").position().top; alert("left_top:"+le1+"_"+to1); }