jQuery weui的图片浏览器具体使用方法？

Question

文档是这么描述的：

---

Photo Browser
为了使用图片浏览器，你必须引用如下的JS文件：

<script type='text/javascript' src='/js/swiper.js' charset='utf-8'></script>
Photo Browser 是一个可以全屏浏览多张图片的插件，类似朋友圈中查看图片的功能。

Photo Browser 只能通过 JavaScript 进行调用:

var pb1 = $.photoBrowser({
  items: [
"./images/swiper-1.jpg",
"./images/swiper-2.jpg",
"./images/swiper-3.jpg"
  ]
});

如果图片带有文案，可以这样调用：

var pb2 = $.photoBrowser({
  items: [
{
  image: "./images/swiper-1.jpg",
  caption: "描述文案"
},
{
  image: "./images/swiper-2.jpg",
  caption: "描述文案"
},
{
  image: "./images/swiper-3.jpg",
  caption: "描述文案"
}
]
});

$.photoBrowser 方法会返回一个实例，这个实例可以调用方法打开和关闭弹层：

pb.open(); //打开
pb.close(); //关闭

---

但是还是不太明白具体怎么用，有没有大神给个具体的例子？
而且按照文档的方法使用$.photoBrowser 方法时报错显示没有定义这个方法，然而我按文档说的引用了swiper.js。jquery-weui.min.js,jquery-3.2.0.min.js,zepto.js也引用了还是报错，这是怎么回事呢

Answer 1

https://segmentfault.com/n/13...
我能做到的就只是这样了。
我正在寻求一个解决点击图片显示的大图与小图相对应的方法。。

Answer 2

在做一个类似微信朋友圈的布局，需要用到点击小图查看大图的功能，如下操作记录：

具体使用参考地址