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

本文介绍了滑动图片右下角的Fancybox左右箭头按钮的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

只是试图弄清楚如何更改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左右箭头按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！