3D слайдер-карусель
Адаптивный 3D слайдер-карусель с 3-мя видимыми фотографиями
Сладйер сделан на базе фреймворка Swiper
Новостной слайдер
Адаптивный слайдер новостных карточек или другой информации
Сладйер сделан на базе фреймворка Swiper
3D слайдер с перспективой
Красивый адаптивный слайдер с перспективой обзора фотографий
Данный слайдер корректно отображается на всех размерах браузера. При высоком разрешении его фотографии двигаются в зависимости от положения курсора на фоновых (дублирующих основные) изображениях. Также каждый слайд может иметь заголовок и описание.
Решение выполнено на JS без использования дополнительных библиотек.
WebGL слайдер фотографий
Слайдер на WebGL с красивой сменой фотографий по клику
Фотографии меняются при нажатии и удержании левой кнопки мыши или на тачпаде
Слайдер с фиксированным текстом
Слайдер на jQuery с фиксированной текстовой информацией и листающимися изображениями
Небольшой скрипт для библиотеки jQuery, реализующий слайдер фотографий с наложенной на них текстовой информацией.
Слайдер с диагональной сменой фотографий
Небольшой скрипт на jQuery реализующий слайдер со сменой по диагонали фотографий
В сладере используется:
- Стрелки для перещелкивания слайдов
- Точки для быстрого перехода на нужный слайд
- Возможность добавления заголовка, описания и кнопки "Подробнее"
В заметку также добавлено решение по установке этого слайдера на CMS HostCMS
Слайдер для смены двух фотографий
Пример создания слайдера "До" и "После" с диагональным разделением фотографий
Еще один вариант слайдера "До" и "После", который также может подойти для фонового эффекта секции.
3D карусель Cloud 9 Carousel
jQuery/Zepto плагин Cloud 9 Carousel для создания 3D карусели изображений или блоков
Ранее уже была заметка 3D карусель изображений про похожий слайдер, но Cloud 9 Carousel имеет гораздо больше настроек и возможностей.
Перелистывание изображений при скроллинге
Красивый эффект смены изображений колесом прокрутки мыши на WebGL
Данный слайдер не имеет стрелок и точек, а перелистывание фотографий происходит при скроллинге страницы.
Работает он на библиотеках TweenMax и three.js
