Новости Joomla

FancyBox для изображений материалов плагин для Joomla

FancyBox для изображений материалов плагин для Joomla

FancyBox для изображений материалов плагин для Joomla.Плагин добавляет ссылку на модальное окно FancyBox к изображениям материалов. В параметрах плагина можно выбрать один из двух параметров обработки изображений:1. когда задана ширина. Срабатывает, когда тегу img задан параметр width и он меньше, чем реальный размер изображения2. по классу. Напишите классы изображений, которые нужно обработать. Можно написать несколько классов через запятую.Разработчик - участник нашего сообщества Дмитрий Денисов (@mitriy_bug).Скрипты FancyBox подключаются самостоятельно, либо с помощью плагина WT Fancybox.js. Также следует помнить, что Fancybox.js распространяется автором (Fancyapps) под коммерческой лицензией. Для использования его на своих сайтах вы должны ознакомиться с лицензионным соглашением и приобрести лицензию согласно одному из тарифных планов Fancyapps, чтобы использовать его на своих сайтах без возможных юридических последствий. - Скачать плагин FancyBox для изображений материалов плагин- Плагин веб-ассета WT Fancybox.js- Цены на тарифы Fancybox.js#joomla #расширения

0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 1483 Просмотров
*

Beer

  • Завсегдатай
  • 1104
  • 43 / 1
  • БИРУ - БИР!
 Сразу получить желаемое - то еще решение...
 Предварительно надо чтобы юзер задержался на сайте: посмотрел рекламу в ожидании скачивания файла, а чтобы ему не было скучно - покажем ему на время ожидания loader.


 Привычный loader, время загрузки которого 30 сек.
 После этого появится кнопка СКАЧАТЬ
 Такая логика реализуется путем добавления в раскладку Резюме кода:

Код
<div style="height:46px;">
 <div id="downloadButton" style="text-align:center; padding:5px; display:none;">{download_link}</div>
</div>

<div class="img_caption">Скачивание подготавливается:</div>
<div class="progress"></div>

<style>
.progress {
   width: 100%;
   height: 16.8px;
   border-radius: 16.8px;
   background: linear-gradient(#FB7C05 0 0) left/0% 100% no-repeat #dbdcef;
   animation: progress-animation 30s forwards; /* Изменено на forwards */
}

@keyframes progress-animation {
   0% {
      background-size: 0% 100%;
   }
   100% {
      background-size: 100% 100%;
   }
}
</style>

<script>
   // Убедиться, что анимация завершилась, прежде чем показать кнопку
   const progress = document.querySelector('.progress');
   const downloadButton = document.getElementById('downloadButton');

   progress.addEventListener('animationend', () => {
      progress.style.backgroundSize = '100% 100%'; // Установка размера фона на 100%
      downloadButton.style.display = 'block'; // Показываем кнопку
   });
</script>
*

NewUsers

  • Живу я здесь
  • 2310
  • 216 / 0
  • +375 (25) 627-16-99 (WhatsApp, Telegram)
Re: Анимация ожидания загрузки - loader
« Ответ #1 : 21.02.2025, 13:03:53 »
Логичнее будет сразу на загрузку страницы выводить лоадер, и используя JS изменять содержимое определенного блока и вставлять туда ссылку на скачивание, и не держать готовый результат в коде страницы.
Код: js
setTimeout(_ => {
    const link = document.CreatedEleemnt('a');
    link.href = 'https://example.ru';

    document.body.appendChild(link);
}, 30000);
Занимаюсь создание расширений для Joomla 4.2.x | Доработка и настройка сайтов. Занимаюсь создание Интернет магазинов с нуля на собственном компоненте + оптимизация загрузки страницы (после предоставляю техподдержку).
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Ошибка при входе в загрузки

Автор Semantic

Ответов: 5
Просмотров: 4855
Последний ответ 08.10.2016, 14:31:34
от Semantic
Последние загрузки

Автор folkemon

Ответов: 0
Просмотров: 1886
Последний ответ 09.09.2015, 09:56:02
от folkemon
Перенести форму загрузки

Автор folkemon

Ответов: 0
Просмотров: 1710
Последний ответ 21.04.2015, 07:54:29
от folkemon
Права для загрузки на отдельную категорию

Автор pr0g

Ответов: 0
Просмотров: 1702
Последний ответ 30.04.2012, 14:41:41
от pr0g
Подскажите Как убрать поле загрузки файла в JDownloads (рассчитаюсь webmoney)

Автор ageres

Ответов: 9
Просмотров: 5889
Последний ответ 09.12.2011, 01:09:47
от olaf