滑動圖片右下角的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/

:)