滑动图片右下角Fancybox左右箭头按钮

Question

只是想弄清楚如何更改 fancybox 按钮的选项以将它们捕捉到滑动图像的右下角。

花式框模板示例http://fiddle.jshell.net/t91p3g7s/?utm_source=website&utm_medium=embed&utm_campaign=t91p3g7s

Answer 1

您可以强制 CSS。很简单。

只需添加此 css:

.fancybox-next {
    bottom: 10px;
    top: auto;
    width: 30px;
    height: 30px;
}
.fancybox-prev {
    bottom: 10px;
    top: auto;
    width: 30px;
    height: 30px;
    right: 60px;
    left: auto;
}
.fancybox-next span, .fancybox-prev span{
    visibility: visible !important;
    display: block !important;
}

或者点击这里。

http://fiddle.jshell.net/t91p3g7s/6/

:)

滑动图片右下角Fancybox左右箭头按钮

Fancybox left and right arrow button on the right-bottom of sliding picture

javascript

css

jquery

fancybox

fancybox-2