Как добавить кнопку загрузки на Fancybox?

Я хочу добавить ссылку для скачивания в свой 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; ?>

Посмотри на это: stackoverflow.com/questions/18273091/fancybox-download-image

Lovepreet Singh 07.06.2018 10:53
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
0
1
2 856
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Попробуйте что-то вроде этого -

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

Демо - https://codepen.io/anon/pen/MXjGQB

Другие вопросы по теме