imgVer拼图滑块

该插件是网上的一个拼图滑块插件，作者未知，这里配合模板字体图标替换了插件原本用到的图片。

<div id="imgVer" style="display:inline-block;"></div>

$(document).ready(function() {
    imgVer({
        el:'$("#imgVer")',
        width:'260',
        height:'116',
        img:[
            'images/img-slide-1.jpg',
            'images/img-slide-2.jpg',
            'images/img-slide-3.jpg',
            'images/img-slide-4.jpg',
            'images/img-slide-5.jpg',
        ],
        success:function () {
            console.log("成功")
            // 在这里验证验证码
            // 验证码验证成功后执行登录
        },
        error:function () {
            //alert('错误执行')
        }
    });
});

插件项目中页面名字：test_img_verification.html test_img_verification_v4.html

需要注意的是，这个只是前端的验证，未涉及到后端。

点击查看 拼图滑块插件 在线演示

涉及的文件：

• js/imgver/imgver.min.css
• js/imgver/jquery.img.ver.min.js