图片的放大预览组件
<div class="container">
<div class="container-K">
<img src="./images/8.jpg" alt=""/>
</div>
</div>
<script>
$(function(){
var fm = new foreSeeImage();
$(".container-K").hover(
function(){
/*初始化一个预览容器,可以自定义样式*/
var $mask = fm.initZoomDiv($(".container-K"), {"pos": "right", "wh": 600});
$(".container-K").mousemove(function(){
/*根据鼠标滚动来预览图片*/
fm.showForeImage($(".container-K"), $mask);
})
},
function(){
/*清除预览图片的容器*/
fm.deleteZoomDiv();
}
)
})
</script>