微信內置瀏覽器圖片放大輪播

一、準備工作

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
               });
  };
});