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

Диагональная карусель фотографий

Диагональная карусель фотографий управляемая движением мышки или пальца

Красивый вариант диагональной карусели для фотографий, который не требует 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

Читать далее

3D табы с картинкой и описанием

Трехмерное переключение вкладок, в которых присутствует фотография и ее описание

В данном решении для библиотеки jQuery:

  • Фотография и описание поворачиваются в разные стороны
  • Меню табов создается автоматически через дата-атрибут
  • Цвет фона каждой вкладки и ее пункта меню задается также через дата-атрибут
  • Корректно отображается на мобильных устройствах
Читать далее

Вращающийся по окружности слайдер

jQuery плагин Rotating-Slider, который вращает слайды по окружности

Для создания круглой формы плагин использует css-свойство clip-path, в результате чего получается окружность из любого количества слайдов

Читать далее