iframe放大显示_使iframe的图片可以点击放大

1.调用jweixin-1.0.0.js

2.调用jquery-1.10.1.min.js

3.

---------------需要使用window.οnlοad=function(){

},

使用$(document).ready(function(){});不行----------------​​

​window.οnlοad=function(){

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

}

//这个是调用微信图片浏览器的函数

function imagePreview(curSrc,srcList) {

//这个检测是否参数为空

if(!curSrc || !srcList ||

srcList.length == 0) {

return;

}

//这个使用了微信浏览器提供的JsAPI

调用微信图片浏览器

WeixinJSBridge.invoke('imagePreview',

{

'current' : curSrc,

'urls' : srcList

});

};

(function($){

//下面是获取当前页面所有的img的src 转成数组 并且

转换成json格式

var aa=[];

var i=0;

var src=[];

var json=null;

aa=$("#iframe1").contents().find("img");

---关键代码

for (i=0;i

src[i]=aa[i].src;

//把所有的src存到数组里

}

//没问题

var srcList=arrayToJson(src);

//转换成json并赋值给srcList

//下面是点击图片的时候获取当前第几个图片并且启用咱们做的调用微信图片浏览器的函数

$("#iframe1").contents().find("img").click(function(){--关键代码

var index =

$("#iframe1").contents().find("img").index(this);--关键代码

imagePreview(src[index],src);

});

})(jQuery);

}

​