smoothproducts.js jQuery商品放大镜特效和切换插件-BFW插件库

smoothproducts.js jQuery商品放大镜特效和切换插件

第一步引入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(["smoothproducts.min", "smoothproducts"], function() {
                $('.sp-wrap').smoothproducts();

            });
        });
    </script>
</head>
<body style="padding:50px;">
    <h1>Smooth Products</h1>
    <div class="sp-loading">
        LOADING IMAGES
    </div>
    <div class="sp-wrap">
        <a href="//repo.bfw.wiki/bfwrepo/image/demoimg.jpg"><img src="//repo.bfw.wiki/bfwrepo/image/demoimgsmall.jpg" alt="image01" /></a>
        <a href="//repo.bfw.wiki/bfwrepo/image/demoimg.jpg"><img src="//repo.bfw.wiki/bfwrepo/image/demoimgsmall.jpg" alt="image01" /></a>
        <a href="//repo.bfw.wiki/bfwrepo/image/demoimg.jpg"><img src="//repo.bfw.wiki/bfwrepo/image/demoimgsmall.jpg" alt="image01" /></a>
        <a href="//repo.bfw.wiki/bfwrepo/image/demoimg.jpg"><img src="//repo.bfw.wiki/bfwrepo/image/demoimgsmall.jpg" alt="image01" /></a>
        <a href="//repo.bfw.wiki/bfwrepo/image/demoimg.jpg"><img src="//repo.bfw.wiki/bfwrepo/image/demoimgsmall.jpg" alt="image01" /></a>
    </div>
</body>
</html>