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