图片热点区域显示大图实例页面

代码：

JS代码：

$(function(){
    $("area.preview").preview();	  
});

HTML代码：

<img usemap="#preview" src="//image.zhangxinxu.com/image/study/s/s128/mm1.jpg" border="0" />
<map name="preview">
    <area class="preview" shape="rect" coords="30,40,180,120" href="//image.zhangxinxu.com/image/study/s/s256/mm1.jpg" target="_blank" title="点击查看大图">
</map>

效果：