#5.9 Библиотека Swiper.js Слайдер на JavaScript
Как сделать слайдер на JS?
Всем привет! В этой статье ты узнаешь как сделать сенсорный слайдер на HTML, CSS и JavaScript. Помогать в этом нам будет библиотека Swiperjs. Я не считаю себя мастером в JS, всегда есть чему учиться, поэтому если вы знаете как написать какие-то фрагменты кода проще, эффективнее и лучше, то обязательно напишите в комменты.
Исходный код будет на моем Github. Первым делом создаем файл index.html и открываем его на редактирование. С начало создаем основную структуру страницы: Далее нужно подключить SwiperJS, для этого переходим в документацию библиотеки - https://swiperjs...
Обновление веб-ассета Swiper.js для Joomla - WT JSwiper.js v.11.2.5 Обновление плагина веб-ассета для Joomla 4 / Joomla 5, добавляющего в Joomla WebAssets Registry ассет популярного скрипта карусели swiper.js. После установки и включения плагина swiper.js можно подключать следующим образом $wa = Factory::getApplication()->getDocument()->getWebAssetManager(); $wa->useScript('swiper-bundle')->useStyle('swiper-bundle'); // Локальный файл $wa->usePreset('swiper-bundle-remote'); // Подключение из CDN 👩💻 Кроме обновления собственно ассета до версии 11.2.5 к нему добавился пока что частичный перевод документации Swiper на русский язык. - Скачать WT JSwiper.js для Joomla - Документация Swiper.js на русском Также будет полезно: - Статья на JPath.ru Как правильно подключать JavaScript и CSS в Joomla 4 - Статья на Хабре: Использование WebAssetsManager Joomla 4 (Joomla 5) и добавление собственных пресетов с помощью плагина #joomla #расширения #разработка #плагин