Как создать простой слайдер изображений с помощью HTML CSS JavaScript | How to Create Image Slider using HTML CSS JavaScript | #MonsterTem
WT Content Image gallery Пакет плагинов галереи изображений для вставки в материалы и модули Joomla, а так же везде, где работают плагины группы content. Ещё один плагин для галереи изображений, но с изюминками. ➖Возможности ✅- Можно создавать свои макеты вывода для плагина. {gallery}...{/gallery} - макет default. {gallery tmpl=tmplName}...{/gallery} - макет tmplName.php в plugins/content/wtcontentimagegallery/tmpl. ✅ Шорт-код плагина совпадает с шорткодом для Simple Image Gallery. ✅ 3 способа указания изображений. - - Путь к папке с картинками вида {gallery tmpl=tmplName}images/path/to/images{/gallery} - - Список путей к файлам, разделённые запятыми. Можно собирать в галерею файлы из разных директорий: {gallery tmpl=tmplName} images/photo_1.webp, images/folder1/photo_2.webp, images/folder4/folder16/photo_3.webp {/gallery} - - HTML-код между тегами {gallery}...{/gallery}. Вставьте шорткод кнопкой редактора, а изображения вставьте с помощью Вашего медиа менеджера Joomla. ✅ Предустановленные макеты - default - Адаптивная Bootstrap 5 "стена" фотографий. Это файл-образец. Создавайте на его основе свои собственные макеты со своими скриптами. - bs5-carousel - Bootstrap 5 слайдер изображений с настройками по умолчанию. - wt-lightbox2 - Lightbox2 галерея изображений с настройками по умолчанию. Требует установленного плагина WT Lightbox 2, который подключает Lightbox2 в Joomla 4. - wt-swiper-carousel - Swiper.js галерея изображений с настройками по умолчанию. Требует установленного плагина WT JSwiper, который подключает Swiper.js в Joomla 4. ⚠️ Для создания собственных макетов галереи изображений скопируйте и переименуйте любой макет из plugins/contents/wtcontentimagegallery/tmpl, внедрите свою HTML вёрстку и javascript. Также Вам поможет статья Использование WebAssetsManager Joomla 4 и добавление собственных пресетов с помощью плагина (ссылка ниже). ❓ Макет по умолчанию для макета по умолчанию В настойках контент-плагина можно указать какой макет будет использоваться по умолчанию в тех случаях, когда для шорт-кода не указан параметр tmpl вообще или tmpl=default. Например, на Вашем сайте несколько тысяч статей, в которых встречается данный шорт-код. Можно изменить внешний вид галереи одной настройкой. Минимальная версия Joomla - 4.3. Контент плагин будет работать и на 4.0, а плагин кнопки редактора только на 4.3+. Страница расширения GitHub расширения (можно добавить свои макеты в пакет) Видео инструкция и демо Статья Использование WebAssetsManager Joomla 4 и добавление собственных пресетов с помощью плагина
Адаптивная Галерея изображений, с использованием CSS, HTML и JS
Адаптивная Галерея изображений, с использованием CSS, HTML и JS По сути, галерея представляет собой витрину изображений на веб-сайтах, где пользователи могут видеть все изображения. В основном, есть 8 маленьких блоков для миниатюр и большой блок для отображения выбранного или активного изображения...