Как установить Timeout, чтобы вернуться к первому div?

Question

У меня есть три div на одной странице, первый div - видео html5, второй div содержит кнопки, а третья - страница с благодарностью, и она восходит к началу, поэтому она похожа на фотолид. Вот мой код и функция - http://jsfiddle.net/EXfnN/14/

Я установил 3 секунды на второй div, поэтому, если кнопки/тег не нажаты за 3 секунды, он автоматически переходит в третий div.

У меня есть три вопроса по этой функции:

1. , как я могу установить второй DIV, чтобы вернуться в начало/первый DIV вместо третьего DIV, когда ни одна кнопка не нажата?
2. Каждый раз, когда вы нажимаете кнопку на втором div/странице, электронное письмо отправляется на соответствующий адрес электронной почты. Моя проблема заключается в том, что когда ни одна кнопка не нажата на три секунды, а функция авто слайда не будет выполнена, письмо по-прежнему будет отправлено. Как я могу остановить отправку электронной почты, когда ни одна кнопка не нажата, и авто слайд не происходит? (обратите внимание, что я предпочел бы сохранить структуру li и тегов в html, потому что активна кнопка)
3. для третьей страницы - спасибо, могу ли я изменить тег для div, чтобы люди могли Не нажимаешь на него? Если да, то как я могу настроить таргетинг?

Любой код/​​предложение оценено. Большое спасибо.

Answer 1

Чтобы исправить № 1, вам нужно будет изменить функцию setTimeout, когда вы находитесь на item2. См. http://jsfiddle.net/EXfnN/15/

Для # 2 я попытался получить функции электронной почты для запуска по тайм-ауту, но не смог увидеть, как он работает. Если вы все еще видите проблему, попробуйте отойти от атрибутов onClick и активировать их из javascript. т.е.:

$('#abc').click(function(){abcSubmit();}); 

Это должно заставить их запускаться только при их фактическом нажатии и, следовательно, обойти проблему.

Если я правильно понял ваш вопрос # 3 правильно, вы можете просто сделать это:

Изменение:

<div id="item3" class="item"> 
     <div class="content"> 
      <a href="#item1" class="panel"><img src="images/thankyou.jpg" alt="Thank you" /></a> 
     </div> 
</div> 

To:

<div id="item3" class="item"> 
    <img src="images/thankyou.jpg" alt="Thank you" /> 
</div> 

А потом просто вызвать действие кнопки в вашей сценарий с:

$('#item3').click(function(){//your action here}); 

Единственным недостатком является то, что без javascript ваши пользователи ничего не смогут сделать. Они также не пройдут мимо первого слайда, хотя это не имеет никакого значения!