Смена слайдов мышкой или пальцем на Bootstrap 3
Смена слайдов карусели на Bootstrap 3 движением мышки или пальца
В данной теме нет кодов самой карусели и всех ее составляющих, а только скрипт, который листает слайды событиями touch... и mouse...
Слайдер с точками
Слайдер с точками (горизонтальными линиями) на jQuery
Простой вариант слайдера с переключением его элементов посредством нажатия на точки, расположенные по всей ширине и выглядящие как линии.
Карусель для фотографий
Два варианта оформления карусели с фотографиями на jQuery-плагине Owl Carousel 2
Оба варианта рассчитаны на применение их без контейнера (от края до края видимой области) и без каких либо надписей.
Для их реализации используется библиотека jQuery и плагин Owl Carousel 2.3.4
Слайдер-презентация с красивым эффектом
Слайдер-презентация на JavaScript с красивыми эффектами на фото и видео
Несмотря на то, что данная презентация довольно ресурсоемкая и использует две библиотеки (three и gsap, общим весом 700кб), на ее основе можно создать очень красивую титульную страницу, например, для персонального сайта.
3D-карусель управляемая мышью
Красивая 3D карусель, которая управляется зажатием и движением мышки.
Возможности карусели:
- Любое количество фотографий.
- Произвольный радиус.
- Автоматическое движение с заданной скоростью.
- Отсутствие дополнительных библиотек.
- Всего 90 строк кода.
Секция-слайдер с четырьмя фотографиями
Секция-слайдер, в которой каждый слайд состоит из четырех фотографий.
Кроме 4-х фотографий каждый слайд имеет фоновое изображение, заголовок и описание. И все это анимируется движком anime.js
3D табы с картинкой и описанием
Трехмерное переключение вкладок, в которых присутствует фотография и ее описание
В данном решении для библиотеки jQuery:
- Фотография и описание поворачиваются в разные стороны
- Меню табов создается автоматически через дата-атрибут
- Цвет фона каждой вкладки и ее пункта меню задается также через дата-атрибут
- Корректно отображается на мобильных устройствах
Вращающийся по окружности слайдер
jQuery плагин Rotating-Slider, который вращает слайды по окружности
Для создания круглой формы плагин использует css-свойство clip-path, в результате чего получается окружность из любого количества слайдов
Пошаговый слайдер
Оригинальный слайдер на jQuery, который листает карточки по кругу в одну сторону
Слайдер работает в ручном режиме и имеет:
- Общий заголовок и подвал в виде меню
- Название и подпись для каждого слайда
- Красивый эффект перехода
Фоновая анимация на JS
