布局（就是一张图片）：
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1522688531980&di=98361f4951a9d4c35d88c96f0cc35ac7&imgtype=0&src=http%3A%2F%2Fa.hiphotos.baidu.com%2Fzhidao%2Fpic%2Fitem%2Fa50f4bfbfbedab6493f41970f436afc378311eff.jpg"
onclick="showBigPic(this)" tapmode>点击：
function showBigPic(ret) {
var src = ret.getAttribute("src");
api.openFrame({
name : 'pic_detail',
url : 'pic_detail.html',
rect : {
x : 0,
y : 0,
w : 'auto',
h : 'auto'
},
bounces : false,
bgColor : 'rgba(0,0,0,0.4)',
pageParam : {
url : src//参数传递
}
});
}在新的Frame中引入js，接收url并显示即可：
核心代码：
设置显示样式：
html, body {
height: 100%;
background: transparent;
}
.content {
background: transparent;
position: absolute;
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
height: 100%;
width: 100%;
}
.content img {
width: 100%;
}
<body>
<div class="content" onclick="api.closeFrame()">
<img src="" id="show"/>
</div>
</body> <script type="text/javascript" src="../script/hammer.js"></script>
<script type="text/javascript" src="../script/hammerPluin.js"></script>
$api.byId("show").src = api.pageParam.url;用到的hammer.js和hammerPluin.js地址：https://download.csdn.net/download/androidstudioo/10323545