С информацией
Только заголовки

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

Читать далее