Страница с тестами : Слайд-шоу с изображениями и видео.

Анимации

  • Заголовок

    Слайдшоу будет всегда рядом.

  • Заголовок

    Слайдшоу будет всегда рядом.

  • Заголовок

    Слайдшоу будет всегда рядом.

  • Заголовок

    Слайдшоу будет всегда рядом.

  • Image

    Слайдшоу будет всегда рядом.

  • Video

    Слайдшоу будет всегда рядом.

  • YouTube

    Слайдшоу будет всегда рядом.

    Модификация анимации с помощью параллакса

    • Заголовок

      Слайдшоу будет всегда рядом.

    • Заголовок

      Слайдшоу будет всегда рядом.

    • Заголовок

      Слайдшоу будет всегда рядом.

    • Заголовок

      Слайдшоу будет всегда рядом.

    Переключение переходов + Kenburns

    • Bottom

      Спасительной силой в нашем мире является слайд-шоу.

    • Bottom

      Спасительной силой в нашем мире является слайд-шоу.

    • Right

      Спасительной силой в нашем мире является слайд-шоу.

    • Left

      Спасительной силой в нашем мире является слайд-шоу.

    Min/Max высота

      Высота окна просмотра

        Параметры JavaScript

        Опция Значение По умолчанию Описание
        animation String slide Анимация для использования. (slide, fade, scale, pull, push)
        autoplay Boolean false Запуск автоматического воспроизведения слайд-шоу.
        autoplay-interval Number 7000 Задержка между переключением слайдов в режиме автовоспроизведения.
        draggable Boolean true Включить перетаскивание.
        finite Boolean false Отключить бесконечное скольжение.
        index Number 0 Слайд-шоу для отображения. Индекс с 0.
        pause-on-hover Boolean true Приостановить режим автовоспроизведения при наведении.
        velocity Number 1 Скорость анимации (пиксель / мс).
        ratio Boolean, String 16:9 Соотношение. (false предотвращает регулировку высоты)
        min-height Boolean, Number false Минимальная высота.
        max-height Boolean, Number false Максимальная высота.