我添加了代码,使prev / next按钮显示在图像的外部,而不是使用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
我感谢任何帮助!感谢。