0

我有一个很好的 FancyBox2 实现，它在 iFrame 中加载 html 页面作为画廊。

但是，我在 iframe 中加载的内容包括指向外部网站的链接，如果我使用允许用户滑动浏览所有图库项目的正常上一个和下一个导航，这些链接将被“阻止”。

如何更改上一个/下一个链接覆盖的大小，以便它们包含在左右边距中，以便我可以向用户公开内容链接？

或者

如果有一种方法可以相对于 FancyBox 的顶部而不是相对于页面的顶部定位按钮导航栏，则另一种方法是。在这种情况下，我会禁用内部的 prev/next 链接和箭头。

4

1 回答 1

0

编辑：如果您想更改上一个/下一个叠加层的大小，请在加载 fancybox CSS 文件后添加此 CSS 内联声明：

<style type="text/css">
.fancybox-nav {
  top: 50%;
  height: 34px;
  width: 36px;
 }
.fancybox-nav span {
  visibility: visible;
 }
.fancybox-next span {
  left: auto;
  right: 0px;
 }
.fancybox-prev span {
  left: 0px;
 }
</style>

请注意，您必须使箭头永久可见，否则访问者将不知道悬停在哪里。

注意：这是为 fancybox v2.0.6+

另一方面，您不能将按钮导航栏设置为相对于 FancyBox 的顶部，因为它具有 aposition:fixed并且它已附加到body标记。

但是，您可以尝试编辑 fancybox-buttons js 文件（第 69 行+/-）并将其附加到.fancybox-skin选择器，然后#fancybox-buttons使用 css 使用选择器的位置。

于 2012-07-16T20:33:18.360 回答