php - 如何在 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; ?>

标签： phpfancyboxfancybox-3

Answer 1

尝试这样的事情 -

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

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