将下一个和上一个按钮放入图像内容中

Question

我正在尝试在我的网站上为图片库实现Fancybox-3。但是问题是默认情况下，fancybox在任一边的边缘都具有“下一步” /“上一步”箭头。我想要实现的是将它们放入图像内容中。

对于如何实现此目标的任何反馈，我们将高度赞赏。

这是到目前为止我的js脚本

$(window).on('load', function(){
    $("[data-fancybox").fancybox({
    infobar : false,
    buttons : false,
    afterShow : function( instance, current ) {
    if ( instance.group.length > 1 && current.$placeholder ) {
      current.$placeholder.append('<a data-fancybox-next class="button-next" 
      href="javascript:;">→</a><a data-fancybox-previous class="button- 
      previous" href="javascript:;">←</a>');
    }
    current.$placeholder.append('<a data-fancybox-close class="button-close" 
    href="javascript:;">×</a>');
    }})
});