3D-слайдер в виде куба
Трехмерный слайдер в виде куба с использованием библиотеки Swiper
Несмотря на то, что слайдер имеет форму куба, количество слайдов в нем может быть любым.
Карусель только для малых экранов
Пример подключения карусели для блоков только на мобильные экраны
Данное решение написано для библиотеки jQuery и карусели Swiper (тестировалось только на версии 11.1.3)
В примере используется сетка Bootstrap, которая на малых экранах переходит в карусель .
Диагональная карусель фотографий
Диагональная карусель фотографий управляемая движением мышки или пальца
Красивый вариант диагональной карусели для фотографий, который не требует JS-библиотек, а скрипт реализующий его занимает менее 50-ти строчек кода.
Смена слайдов мышкой или пальцем на 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
Фоновая анимация на JS
