滑图右下角的花式盒左右箭头按钮

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

本文关键字：左右 按钮 右下角      更新时间：2023-09-26

只是想弄清楚如何改变fancybox按钮的选项，以便将它们固定在滑动图像的右下角。

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

我想要实现的箭头位置:按钮右下角

可以强制使用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/

:)

相关文章：