0

我添加了代码以使用 jsfiddle 指令使上一个/下一个按钮显示在图像的外部而不是内部:

$(".fancybox")
.attr('rel', 'gallery')
.fancybox({
    openEffect  : 'none',
    closeEffect : 'none',
    nextEffect  : 'none',
    prevEffect  : 'none',
    padding     : 0,
    margin      : [20, 60, 20, 60] // Increase left/right margin
});

.fancybox-nav {
width: 60px;       
}

.fancybox-nav span {
visibility: visible;
opacity: 0.5;
}

.fancybox-nav:hover span {
opacity: 1;
}

 .fancybox-next {
right: -60px;
 }

 .fancybox-prev {
left: -60px;
 }

在 Safari 中,箭头被切断,因此很难单击它们。画廊在这里: http ://southamptonbuilding.com/relaunch/southampton-building-gallery.shtml

我很感激任何帮助!谢谢。

4

0 回答 0