我添加了代码以使用 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
我很感激任何帮助!谢谢。