欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于微信上網(wǎng)頁(yè)圖片點(diǎn)擊全屏放大效果

 更新時(shí)間：2016年12月19日 11:07:39   投稿：mrr  
這篇文章主要介紹了關(guān)于微信上網(wǎng)頁(yè)圖片點(diǎn)擊全屏放大效果的相關(guān)資料,需要的朋友可以參考下

實(shí)現(xiàn)微信上網(wǎng)頁(yè)的圖片點(diǎn)擊后全屏還可以可以縮放，這個(gè)功能是別人做的，可是捏點(diǎn)擊后屏幕直接黑屏了，圖片沒(méi)有顯示出來(lái)。這個(gè)代碼在網(wǎng)上搜一下，挺多類(lèi)似的。

先上代碼。

function arrayToJson(o) {
  var r = [];
  if (typeof o == "string") return "\"" + o.replace(/([\'\"\\])/g, "\\$1").replace(/(\n)/g, "\\n").replace(/(\r)/g, "\\r").replace(/(\t)/g, "\\t") + "\"";
  if (typeof o == "object") {
    if (!o.sort) {
      for (var i in o)
        r.push(i + ":" + arrayToJson(o[i]));
      if (!!document.all && !/^\n?function\s*toString\(\)\s*\{\n?\s*\[native code\]\n?\s*\}\n?\s*$/.test(o.toString)) {
        r.push("toString:" + o.toString.toString());
      }
      r = "{" + r.join() + "}";
    } else {
      for (var i = 0; i < o.length; i++) {
        r.push(arrayToJson(o[i]));
      }
      r = "[" + r.join() + "]";
    }
    return r;
  }
  return o.toString();
}
//這個(gè)是調(diào)用微信圖片瀏覽器的函數(shù)
function imagePreview(curSrc, srcList) {
  if (!curSrc || !srcList || srcList.length == 0) {
    return;
  }
  WeixinJSBridge.invoke('imagePreview', {
    'current': curSrc,
    'urls': srcList
  });
};
(function ($) {
  var aa = [];
  var i = 0;
  var src = [];
  var json = null;
  aa = $(".img");
  for (i = 0; i < aa.length; i++) {
    src[i] = aa[i].src;  //把所有的src存到數(shù)組里
  }
  var srcList = arrayToJson(src); //轉(zhuǎn)換成json并賦值給srcList
  $('.pro').click(function () {
    imagePreview(this.src, srcList);
  });
})(jQuery);

在微信web 開(kāi)發(fā)者工具調(diào)試，網(wǎng)頁(yè)上斷點(diǎn)調(diào)試發(fā)現(xiàn)圖片路徑 json 格式化了兩次?。。?/p>

最后解決的方法是沒(méi)有調(diào)用 arrayToJson() 這個(gè)方法，直接調(diào)用 imagePreview  這個(gè)是微信提供的JsAPI 調(diào)用微信圖片瀏覽器。

解釋下每個(gè)方法的作用

這個(gè)是將圖片路勁轉(zhuǎn)為json格式的方法，如果已經(jīng)是json格式就不用再轉(zhuǎn)換了

這個(gè)是調(diào)用微信圖片瀏覽器的方法

加載初始化參數(shù)以及點(diǎn)擊調(diào)用方法

以上所述是小編給大家介紹的關(guān)于微信上網(wǎng)頁(yè)圖片點(diǎn)擊全屏放大效果，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論