插件描述：一个简单还算实用的图片选择插件，可随意限制选择图片的数量
更新时间：2017/5/21 下午10:08:31
更新说明：添加了一个取消选择的调用函数
1 | selectImgTake.cancelInit(divId); |
使用方法
做了一个简单的图片选择插件，挺简单，没测试过兼容，应该还算好
第一步：关联样式和脚本
1 2 3 4 | <link rel="stylesheet" type="text/css" href="css/selectImg.css"/><link rel="stylesheet" type="text/css" href="css/iconfont.css"/><script type="text/javascript" src="js/jquery-1.9.1.js"></script><script type="text/javascript" src="js/selectImg.js"></script> |
第二步：形成图片列表，格式如下
1 2 3 4 5 6 7 8 9 10 11 12 13 | <div class="selectImgDiv" id="selectItemDiv"> <div class="item"> <div class="img_show"> <img src="images/1.jpg"/> </div> <div class="img_title"> 1.jpg </div> <div class="img_isCheck"> <i class="iconfont icon-xuanzhong"></i> </div> </div></div> |
第三步：初始化点击事件和允许最大选择数量
1 | selectImgTake.init("selectItemDiv",4); |
至于获取选择的图片列表，可以通过下面的代码获取：
1 | var selectImgDivs = selectImgTake.getSelectImgs(divId); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery多图上传
- 下一个特效： jQuery移动端入住时间择插件