SOURCE

document.addEventListener('MZBridgeLoaded', function(e) {
  var imgs = document.body.querySelectorAll('div.container img');
  var urls = [].slice.apply(imgs).map(function(d) {
    d.onclick = preview;
    return d.src;
  });
  function preview() {
    window.MZBridge.callHandler('previewImage', {
      urls: urls,
      current: 1
    });
  }
});

<div class=container>
  <img src="http://img.article.pchome.net/00/26/64/42/pic_lib/wm/fgg_003.jpg"
  />
  <img src="http://pic1.win4000.com/wallpaper/6/512ab98606b0c.jpg" />
  <img src="http://image5.tuku.cn/wallpaper/Landscape%20Wallpapers/8294_2560x1600.jpg"
  />
</div>

div.container {
  padding: 1em;
  img {
    width: 100%;
    height: auto;
    border: 4px #fff solid;
    border-radius: 4px;
    box-shadow: 2px 2px 4px #ccc;
  }
}