Fancybox - 在同一位置保留上一个/下一个箭头

Question

我使用Fancybox作为图片库。

图像的宽度不同，所以箭头根据图像宽度左右移动（进出）。

我的客户希望箭头留在一个地方，以便您可以轻松地点击一组而不必前后移动来点击。我在这里查看了所有的Fancybox问题，但没有找到答案。我试过改变CSS并且无法得到这个工作。

该图库是here。

Answer 1

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

$.fancybox.next 
$.fancybox.prev 

http://fancybox.net/api

Answer 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; 
}