3D слайдер-карусель

Сладйер сделан на базе фреймворка Swiper

Пример:

Заголовок

Описание слайда

Заголовок

Описание слайда

Заголовок

Описание слайда

Заголовок

Большое описание слайда
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Заголовок

Описание слайда

CSS:

Подключаем CSS фреймворка swiper и стили ниже:

JS:

Подключаем JS фреймворка swiper и скрипт ниже:

HTML:

Фотографии для слайдера могут быть разных размеров, т.к. их края обрезаются согласно видимой области.

Swiper - это современный бесплатный сенсорный слайдер. Подробнее о нем и всех его возможностях можно посмотреть на официальном сайте.

Фотографии: kellepics

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Max:

    Почему слайдер не работает, подскажите плиз кто разобрался?

    Ответить
    • Alexander:

      Не работает на этой странице или у вас?
      Сделал пример в вакууме

      PS. данный пример для версии 6.1.2.
      На других не проверял, но на 7ой эффект выглядет совсем не так.

      Ответить
      • Max:

        У меня не работает на локалке, хотя я просто копирую ваши коды, может быть я что то не доделываю?!

        Ответить
      • Max:

        Подключил версию 6.1.2 и заработало, спасибо что откликнулись)))

        Ответить
  • Denis:

    Подключаю всё верно, однако слайдер не работает

    Ответить