2

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

图像具有不同的宽度，因此箭头会根据图像宽度四处移动（向内或向外）。

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

画廊在这里。

4

2 回答 2

2

例如，您可以将导航链接的 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;
}
于 2013-09-26T13:04:58.293 回答
0

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

$.fancybox.next
$.fancybox.prev

http://fancybox.net/api

于 2013-09-23T17:18:14.217 回答