Слайд-шоу

Море-океан
Full screenExit full screen
Slider

Простой пример слайд-шоу на тему море-океан. Создано на компоненте Smart Slider 3.
Данный пример копия со слайд-шоу - "Пример слайд-шоу: Море-океан 1" - в которую добавил фоновое видео и множественную анимацию для перелистыванния слайдов.

Адаптивность

Данный слайд-шоу полностью адаптивен и должен отображаться на экранах любых устройств.

Изображения и анимация

В данном примере используется множественная анимация в том числе с 3D-эффектом (для данного слайд-шоу она не совсем подходит и включена только в демонстрационных целях) для перелистывания слайдов с замедлением, - это больше соответствует ритму слайд-шоу и позволяет лучше разглядеть видео на заднем фоне слайд-шоу.
Для изображений применен эффект Ken Burns.
Изображения перелистываются автоматически – индикатор времени (в правом верхнем углу) показывает, когда произойдет смена слайда.
Стрелки ручного переключения слайда демонстрируют миниатюру следующего слайда.
Сами изображения оптимизированы для более быстрой загрузки слайд-шоу.

Море-океан
Full screenExit full screen
Slider

Простой пример слайд-шоу на тему море-океан. Создано на компоненте Smart Slider 3.

Адаптивность

Данный слайд-шоу полностью адаптивен и должен отображаться на экранах любых устройств.

Изображения и анимация

В данном примере используется всего один элемент анимации для перелистывания слайдов - затемнение.
Для изображений применен эффект Ken Burns.
Изображения перелистываются автоматически – индикатор времени (в правом верхнем углу) показывает, когда произойдет смена слайда.
Стрелки ручного переключения слайда демонстрируют миниатюру следующего слайда.
Сами изображения оптимизированы для более быстрой загрузки слайд-шоу.

Илья Ашуров вскрытие автомобилей

Любые марки автомобилей

С выездом на место

Быстро

Без повреждений

Профессионально

Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно
Изображение недоступно

Аварийное вскрытие автомобилей в Бишкеке

Slider

Пример слайд-шоу с сайта моего знакомого. По слайду понятен род его деятельности.

Главная страница напоминала landing page состоящая из блоков реализованных с помощью слайд-шоу. Для этого я использовал Smart Slider 3.

В данном примере интересна сменяющаяся анимация эмблем автомобилей и анимация текста. Сам слайдер статичен и никуда не перелистывается.