Как установить setTimeout / delay для div (слайд-шоу) и вопросы данных киоска

Question

Я пытаюсь создать приветственный дисплей / киоск на основе html5 и javascript для входа в здание.Проект включает в себя:

1. Фильм постоянно воспроизводится на цифровом дисплее, пока некоторые посетители не коснутся экрана (html5)

2. Несколько кнопокс отображением названий отделов, чтобы посетители могли выбрать, кто они здесь, чтобы увидеть

3. После нажатия одной кнопки в отдел отправляется электронное письмо

4. Страница благодарности появляется на короткое время, и сайт автоматически возвращается к номеру 1)

Мои вопросы: (Любая часть вопросов, на которые даны ответы, приветствуется.)

Javascript / Jquery вопрос:

1. Я подумал сделать весь этот процесс на одной странице с помощью ползунка jquery и поместить каждый шаг выше в div.Что-то вроде горизонтального в http://www.queness.com/post/356/create-a-vertical-horizontal-and-diagonal-sliding-content-website-with-jquery Как я могу сделать последний div, чтобы показать 5 секунд, а затем автоматически вернуться к первому div?Любой код или учебник по этому вопросу был бы очень полезен.

Вопросы о данных:

1. Пространство данных киоска ограничено, есть ли способ сделатьтот же фильм не загружается снова, а просто играет после страницы благодарности?То есть он не занимает все пространство?

2. Если я использую ползунок Jquery, чтобы весь процесс был только одной страницей, фильм будет скрыт, но все равно будет проигрываться, покадругая часть / div страницы показывает.Сохранит ли это проблему с данными выше?

Любой код / ​​направление приветствуется.Большое спасибо за ваше время.

Сэм:)

Answer 1

Вы, кажется, находитесь на правильном пути с алгоритмом. Посмотрите эту скрипку для демонстрации того, что вы можете попробовать.

Что касается вопросов с данными, вы ответили на вопрос 1 вопросом 2. Размещение всего на одной странице сохранит фильм в памяти. Пока вы просто прячете плеер и не уничтожаете его, вам не придется перезагружать фильм.

Дайте мне знать, если это вам поможет!