magnific-popup - 宏伟的弹出窗口 - 将箭头放在图像内

Question

我将华丽的弹出窗口放到我的网站上，以在画廊中显示图像。我喜欢这个工具，除了一件事。切换画面的箭头显示在屏幕的两侧，当你有大屏幕和大分辨率时，这有点不切实际。所以我想问一下是否可以在图像内部移动箭头，因为这对于许多其他图像查看器（例如灯箱等）很常见。

先感谢您。

Answer 1

您可以在容器内重新添加箭头，这里是示例http://codepen.io/dimsemenov/pen/JGjHK

Answer 2

从数据库构建多个画廊时遇到问题。一个画廊包含一张独特的图片并带有回调： this.contentContainer.append(this.arrowLeft.add(this.arrowRight));

这张图片不会显示（this.arrowLeft undefined or Null 出现错误）

（在 codepen 示例上尝试，只需从 DOM 中擦除第二张图片。您会看到无法打开剩余的图像）

为了解决这个问题，我使用了以下回调：

this.contentContainer.append(this.arrowLeft,this.arrowRight);

Answer 3

@raison，这应该适用于 inline/iframe 类型：

callbacks: {
    buildControls: function() {
        // re-appends controls inside the main container
        this.arrowLeft.appendTo(this.contentContainer);
        this.arrowRight.appendTo(this.contentContainer);
    }
}