Fancybox - 将prev / next箭头保持在同一位置

Question

我正在使用Fancybox作为图片库。

图像宽度不同，因此箭头根据图像宽度移动（进出）。

我的客户希望箭头停留在一个地方，这样您就可以轻松点击一组而无需前后移动来点击。我在这里查看了所有Fancybox的问题，但没有找到答案。我已经尝试过更改CSS而无法使用它。

图库是here。

Answer 1

例如，您可以将导航链接的CSS位置更改为固定 - http://jsfiddle.net/yJFxS/

.fancybox-nav {
    position: fixed;
    top: 0;
}
.fancybox-nav span {
    visibility: visible;
}

.fancybox-next span {
    right: 40px;
}

.fancybox-prev span {
    left: 40px;
}

Answer 2

我建议您使用插件选项“showNavArrows”禁用标准的prev / next按钮。然后你可以制作你自己的上一个/下一个按钮，并将它们固定或绝对放在fancybox-overlay中（例如右上角）。如果您查看fancybox api，您会看到可以触发pref / next：

$.fancybox.next
$.fancybox.prev

http://fancybox.net/api