Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 27.08.2022
Сообщений: 2

Swiper анимация буллетов

28.11.2022, 11:49. Показов 596. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет! Может кто-то помочь сделать анимацию буллетов при переключении слайдов? Использую слайдер swiper, в стандартных настройках не нашла подобного.

CSS
1
2
3
4
5
6
7
8
9
10
.memories-slider .swiper-pagination-bullet {
  width: 30px;
  height: 14px;
  background: #42495a;
  border-radius: 50px;
  margin: 0 8px !important;
}
.memories-slider .swiper-pagination-bullet-active {
  background: #3745fb;
}
Изображения
  
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
28.11.2022, 11:49
Ответы с готовыми решениями:

Плагин Swiper
Есть страница с одеждой на сайте, в нем есть слайдер Swiper. Когда нажимаешь на кнопку цвета, появляется другой слайдер Swiper, но он не...

Кастомный Swiper
Всем привет, делаю кастомный Swiper, не могу понять почему не видно цифр фракции когда листаешь фото <div...

Swiper + Lightbox
Здравствуйте, такой вопрос, уже несколько дней пробую решить - сделал слайдер с добавлением к нему fancybox, при нажатии на слайд...

1
 Аватар для NTHing
1818 / 962 / 388
Регистрация: 26.11.2014
Сообщений: 1,962
Записей в блоге: 1
04.12.2022, 05:31
Что-то типа такого..?
JavaScript
1
2
3
4
5
6
7
8
9
10
11
.memories-slider .swiper-pagination-bullet {
  width: 30px;
  height: 14px;
  background: #42495a;
  border-radius: 50px;
  margin: 0 8px !important;
}
.memories-slider .swiper-pagination-bullet-active {
  background: #3745fb;
  width: 200%;
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
04.12.2022, 05:31
Помогаю со студенческими работами здесь

Swiper и Fancybox
Привет всем. Есть такой блок на сайте: <div style="display: none;" id="modal-gallery1" class="modal modal-gallery"><div...

Swiper js приставание
Пользуюсь библиотекой swiper.js прокручиваю влево и вправо, все работает. Но мне бы хотелось ещё дополнительно как в вк ещё и внизу...

Кастомизировать пагинацию swiper
Всем привет. Может кто-нибудь помочь кастомизировать пагинацию swiper js? Нужно рядом с буллетами показать номер текущего слайда, а по...

Swiper - нужна консультация
Делаю слайдер. Нужно как во вложении + возможность увеличивать изображения. Делаю через Макет многострочных слайдов + нужна...

Swiper js - настройка плагина
Дока по свайперу. Пример https://codepen.io/anon/pen/QYEBdM Проблема с настройкой centeredSlides, если ее отключить то нижний...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru