Смена слайдов мышкой или пальцем на Bootstrap 3

В данной теме нет кодов самой карусели и всех ее составляющих, а только скрипт, который листает слайды событиями touch... и mouse...

Не всегда представляется возможным обновить CSS и JS библиотеки сайта на новые, но улучшить их функционал всегда будет не лишним.

В данном примере используется небольшой JS-код, позволяющий листать пальцем или мышкой сделанные на Bootstrap 3 карусели.

Пример:

Обычная карусель:

Карусель со сменой слайдов пальцем или мыщью:

jQuery:

Найдено на stackoverflow.com в теме adding swipe to bootstrap carousel

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

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

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

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

  • Дмитрий:

    Здравствуйте!
    А где же само html и css примера 🙁
    Так не честно))) Обычно всё разжёвываете))

    Ответить
    • Alexander:

      Это код для старой карусели на Bootstrap 3
      Если он нужен, то уже имеется свой HTML и CSS для него.

      Ответить
      • Дмитрий:

        Я именно про этот момент, чтобы использовать в точности отображение конструкции именно этого Вашего примера - http://joxi.ru/52a9XLEH003Xb2
        Готовлю описательную статью описания спектакля-мюзикла и думаю, что такое отображение идеально для презентации актеров, участвующих в мюзикле.

        Ответить
        • Alexander:

          Вы хотите подключить старый бутстрап и потом фиксить его карусель.
          Так не правильно, да и данная тема не для этого.
          Скорее всего на сайте есть для этого другие библиотеки.

          Ответить
          • Дмитрий:

            У меня сейчас, на сайте, такая версия * Bootstrap v3.3.5

            Ответить
            • Alexander:

              Завтра скину ксс и хтмл или сами вытащите с из страницы их.

              Ответить
              • Дмитрий:

                Да, давайте не буду Вас утруждать))
                Надергаю со страницы.
                В любом случае, спасибо за интересный блог)