Новости Joomla

Вышли релизы Joomla 6.1 и Joomla 5.4.5: новые возможности и стабильность

Релиз Joomla 6.1.0

Проект Joomla! объявил о доступности Joomla 6.1 [Nyota] — новой минорной версии шестой серии, а также о выпуске релиза исправлений ошибок Joomla 5.4.5. Релиз 6.1 приносит ряд долгожданных функций, повышающих удобство управления контентом и защиту от спама.

👩‍💻 Компонент "CS Афиши" для Joomla.

👩‍💻 Компонент "CS Афиши" для Joomla.

Расширение "CS Афиши" позволяет выводить список мероприятий, фильтровать их по датам, поиск по заголовкам и описанию.

В состав пакета расширений входят:
- Компонент "CS Афиши"
- Модуль "Календарь событий"
- Модуль "Предстоящие события"
- Библиотека "ImgResize"

Расширение "CS Афиши" позволяет выводить список мероприятий, фильтровать их по датам, поиск по заголовкам и описанию.

Модуль "Календарь событий" отображает предстоящие и прошедшие мероприятие на календаре, с отображением мероприятий на конкретную дату во всплывающем окне.

Модуль "Предстоящие события" показывает список предстоящий событий по порядку их наступления.

P.S. Расширение платное, но плата символическая, чисто для отработки приема платежей. Ключи без ограничения по времени, купившие сейчас - смогут обновляться без ограничений.

Разработчик - участник нашего сообщества Дмитрий Денисов (@codersite).

Страница расширения
Демо

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

Beer

  • Завсегдатай
  • 1113
  • 46 / 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
Просмотров: 5353
Последний ответ 08.10.2016, 14:31:34
от Semantic
Последние загрузки

Автор folkemon

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

Автор folkemon

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

Автор pr0g

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

Автор ageres

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