javascript - 在图像内容中获取下一个和上一个按钮

Question

我正在尝试在我的网站中为图片库实施 Fancybox-3。然而问题在于，默认情况下，fancybox 在任一侧的边缘都有 Next/Prev 箭头。我想要实现的是将它们放入图像内容中。

任何关于如何实现这一点的反馈都将受到高度赞赏。

这是我的 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:;">→&lt;/a><a data-fancybox-previous class="button- 
      previous" href="javascript:;">←&lt;/a>');
    }
    current.$placeholder.append('<a data-fancybox-close class="button-close" 
    href="javascript:;">×</a>');
    }})
});

标签： javascriptjqueryfancybox-3