首页 > 代码库 > 【微信公众平台开发】借用微信内置图片浏览功能
【微信公众平台开发】借用微信内置图片浏览功能
开发微信公众平台时,碰到文章中有很多图片,需要可以点开图片浏览;那么点击图片直接调用微信客户端自带的图片播放组件会省很多事。否则你得去摆弄折腾各种图片浏览插件,比如photoswipe。
个人封装功能成一个js文件。把该文件放到你需要的网页里面即可,这样文章当你点击图片时,就会调用图片浏览功能!
<script> function addLoadEvent(func){ //将函数作为参数,此函数就是 onl oad 触发时需要执行的某个函数 var oldonload=window.onload; //将原来的 onl oad 的值赋给临时变量 oldonload。 if(typeof window.onload!="function"){ //判断 onl oad 的类型是否是 function。如果已经执行window.onload=function(){...} 赋值,那么此时 onl oad 的类型就是 function //否,则说明 onl oad 还没有被赋值,当前任务 func 为第一个加入的任务 window.onload=func(); //作为第一个任务,给 onl oad 赋值 }else{ //是,则说明 onl oad 已被赋值,onload 中先前已有任务加入 window.onload=function(){ oldonload(); func(); //作为后续任务,追加到先前的任务后面 } } } var imgs=new Array(); var nowImgurl=""; function getPicInfo() { var imgObj=document.getElementsByTagName('img'); //获取图文中所有的img标签对象 for(var i=0; i<imgObj.length; i++) { imgs.push(imgObj[i].src); nowImgurl = this.src; //获取当前点击图片url //下面调用微信内置图片浏览组建 imgObj[i].onclick=function(){ WeixinJSBridge.invoke("imagePreview",{ "urls":imgs, "current":nowImgurl }) } } } addLoadEvent(getPicInfo); //监听事件 </script>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。