滑动图片

时间:2016-08-23 20:47:12

标签: javascript jquery css fancybox fancybox-2

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

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

我希望实现的箭头位置: buttons right-bottom corner

1 个答案:

答案 0 :(得分: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/

:)