jquery.jqzoom.js图片放大器插件-BFW插件库

jquery.jqzoom.js图片放大器插件

第一步引入bfwone

第二步执行插件

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["jquery.jqzoom", "jqzoom"], function() {
                $(".jqzoom").jqueryzoom({
                    xzoom: 250, //zooming div default width(default width value is 200)
                    yzoom: 250, //zooming div default width(default height value is 200)
                    offset: 10, //zooming div default offset(default offset value is 10)
                    position: "right" //zooming div position(default position value is "right")
                });

            });
        });
    </script>
</head>
<body>
    <div id="wrapper">
        <div id="maincontent">
            <h3 style="float:left;clear:both;">演示</h3>
            <p>
               鼠标放上去看看
            </p>
            <div style="float:left;width:100%;clear:both;">
                <div class="jqzoom">
                    <img src="//repo.bfw.wiki/bfwrepo/image/demoimgsmall.jpg" alt="scarpa" jqimg="http://editor.bfw.wiki/bfwrepo/image/demoimg.jpg">
                </div>

            </div>
            <span style="float:left;width:100%;height:200px;"> </span>
        </div>
    </div>
</body>
</html>

jquery.jqzoom.js图片放大器插件

网友评论0

jquery.qrcode.min.js

cropper.js

pix.0.8.5.min.js

compressphoto.js

jquery.photoClip.js

croppie.js

Jcrop.js

jquery.jqzoom.js

elastislide.js

smoothproducts.js