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

Question

试图弄清楚如何更改fancybox按钮的选项以将其滑动到滑动图片的右下角。

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

箭头，我想达到的位置： buttons right-bottom corner

Answer 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/

:)