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