滑动图片右下角的Fancybox左右箭头按钮 [英] Fancybox left and right arrow button on the right-bottom of sliding picture

问题描述

只是试图弄清楚如何更改fancybox按钮的选项，以将其捕捉到滑动图像的右下角.

Just trying to figure out how to change options of fancybox buttons to snap them on the right bottom corner of sliding images.

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

fancybox template example http://fiddle.jshell.net/t91p3g7s/?utm_source=website&utm_medium=embed&utm_campaign=t91p3g7s

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

arrows position that i want to achieve: buttons right-bottom corner

推荐答案

您可以在CSS上强制使用.很简单.

You can force on CSS. It's simple.

只需添加此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左右箭头按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！