微信内置浏览器图片放大轮播

一、准备工作

1、微信公众号绑定的域名服务器上存在该资源

2、引用jquery的js就可以了

下面就是代码

$(function(){

  $('.img').on('click',function{
     var path="http://xxx.com/";//微信公众号绑定的域名
<pre name="code" class="javascript">    //需要轮播的所有图片全路径。微信服务器会去抓取你域名服务器下的资源,非本地资源
var img_list=[path+"weixin/img/a.png",path+"weixin/img/b.png",path+"weixin/img/c.png"]; var click_imh=path+"weixin/img/b.png"; imagePreview(click_imh,img_list); }); function imagePreview(click_img,img_list) {
//这个检测是否参数为空 if(!click_img || !img_list || img_list.length == 0) { return false; } //这个使用了微信浏览器提供的JsAPI 调用微信图片浏览器  WeixinJSBridge.invoke('imagePreview', {

<span style="white-space:pre">			</span>'current' : click_img,
                'urls' : img_list
               });
  };
});


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章