具有多个起点的magnific-popup内联库

Question

看着这个：http://dimsemenov.com/plugins/magnific-popup/documentation.html#inline-type

使用此示例：https://codepen.io/dimsemenov/pen/sHoxp

在图库旋转的右侧点，每个图像打开显示3个图像。因此，如果用户点击图像1st，那么内联图库将显示带有附带数据的第一张图片（最好是在instagram.com的画廊右侧），如果用户点击第3张图片，则内联图库会显示图片3及其附带的数据，并将相应地旋转。

现在它只是每次加载第一个图像和数据，显然是因为只有一个按钮。但就像我说的那样，试图让3个图像显示在正确的位置的内联图库。有任何帮助。谢谢！

HTML：

QProcess

CSS：

<button style="padding:20px;">Open popup</button>

JS：

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 200px;
  margin: 20px auto;
  text-align: center;
}