【问题标题】:Fancybox left and right arrow button on the right-bottom of sliding picture滑动图片右下角的Fancybox左右箭头按钮
【发布时间】:2016-08-24 05:08:05
【问题描述】:

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

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

我想要达到的箭头位置: buttons right-bottom corner

【问题讨论】:

  • 为什么问题被降级了?和之前的不一样。

标签: javascript jquery css fancybox fancybox-2


【解决方案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/

:)

【讨论】: