轉 【微信公眾平台開發】調用微信內置圖片瀏覽功能

  function addLoadEvent(func){ 
      //將函數作為參數，此函數就是 onload 觸發時需要執行的某個函數
          var oldonload=window.onload; 
          //將原來的 onload 的值賦給臨時變量 oldonload。
          if(typeof window.onload!="function"){
          //判斷 onload 的類型是否是 function。如果已經執行window.onload=function(){...} 賦值，那么此時 onload 的類型就是 function
          //否，則說明 onload 還沒有被賦值，當前任務 func 為第一個加入的任務
              window.onload=func(); 
              
              //作為第一個任務，給 onload 賦值
          }else{ 
          //是，則說明 onload 已被賦值，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);    //監聽事件
    

 

開發微信公眾平台時，碰到文章中有很多圖片，需要可以點開圖片瀏覽；那么點擊圖片直接調用微信客戶端自帶的圖片播放組件會省很多事。否則你得去擺弄折騰各種圖片瀏覽插件，比如photoswipe。

 

個人封裝功能成一個js文件。把該文件放到你需要的網頁里面即可，這樣文章當你點擊圖片時，就會調用圖片瀏覽功能！

 

文章轉自：http://blog.csdn.net/qivan/article/details/36672793