Fancybox left and right arrow button on the right-bottom of sliding picture

问题

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

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

回答1:

You can force on CSS. It's simple.

Just add this 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;
}

Or Just click here.

http://fiddle.jshell.net/t91p3g7s/6/

:)

来源：https://stackoverflow.com/questions/39110386/fancybox-left-and-right-arrow-button-on-the-right-bottom-of-sliding-picture