如何在Fancybox上添加下载按钮？

Question

我想在我的Fancybox中添加一个下载链接。我是编程新手，我似乎无法弄清楚要使用哪些代码以及放置它的位置。提前谢谢。

我正在使用FancyBox v3.2.10。

以下是代码：

<?php  $directory = "images/"; ?>
    <?php $dir = glob ($directory . "*.{jpg,png,gif,JPG}",GLOB_BRACE) ?>

    <?php foreach ($dir as $key => $value): ?>

        <div class="thumb">
            <a href="<?php echo $value; ?>" data-fancybox="images" data-caption="<?php echo $value; ?>">
                <img src="<?php echo $value; ?>" alt="" />
            </a>

        </div>
    <?php endforeach; ?>

Answer 1

尝试这样的事情 -

$('[data-fancybox="images"]').fancybox({
  buttons : [
    'download',
    'thumbs',
    'close'
  ]
});

演示 - https://codepen.io/anon/pen/MXjGQB