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

Question

我想在我的 Fancybox 中添加下载 link。我是编程新手，我似乎无法弄清楚要使用什么代码以及将它放在哪里。提前谢谢你。

我正在使用 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

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

How to add a download button on Fancybox?

php

fancybox

fancybox-3