/foreSeeImage

图片的放大预览组件

Primary LanguageJavaScript

foreSeeImage

图片的放大预览组件

Usage

<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>