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
どんな助けにも感謝します!ありがとう。