JQuery-дисплей home.html после короткого вступления

Question

JQuery-дисплей home.html после короткого вступления

0

Я создал интро для веб-сайта с использованием jquery в файле index.html. Я "fadeIn" и "fadeOut" некоторые.jpg изображения подряд. Итак, после этого я хочу загрузить html файл, который будет "домашней страницей", и URL-адрес браузера изменится с "www.blabla.com" на "www.blabla.com/home.html", и если пользователь обновит браузер, он не будет воспроизводить ввод снова, просто появится "www.blabla.com/home.html". Я использую код, который вы видите ниже, для загрузки home.html после завершения интро, но кажется, что он появляется с самого начала в конце страницы, и если обновляется повторное воспроизведение страницы.

        <script type="text/javascript">
    $(function() { 
                    $( document ).ready(function() {
            $("#image1").delay(0000).fadeIn("slow").delay(3000).fadeOut("slow");    
        });
                    $( document ).ready(function() {
            $("#image2").delay(3000).fadeIn("slow").delay(3000).fadeOut("slow");    
        });
        $( document ).ready(function() {
            $("#image3").delay(6000).fadeIn("slow").delay(3000).fadeOut("slow");    
        });
         $( document ).ready(function() {
            $("#home").delay(10000).fadeIn("slow").load('home.html');       
        });
      });

 <div id="intro>
        <div id="image1"></div>
        <div id="image2"></div>
        <div id="image3"></div>  
     </div>
     <div id=main></div>

Как я могу это изменить?

Koumarelas Ioannis 10 нояб. 2013, в 21:25

Источник

1

Так же, как примечание по юзабилити: если мне придется просмотреть вступление, прежде чем меня пустят на ваш сайт, я просто уйду
Bojangles 10 нояб. 2013, в 20:26
0

согласитесь ... интро закончилось и закончилось в этот день и в эпоху мгновенного подключения. Люди хотят контента, а не наворотов
charlietfl 10 нояб. 2013, в 20:28
0

Я тоже согласен. Но меня просто попросили сделать это.
Koumarelas Ioannis 10 нояб. 2013, в 20:38
0

javascript не сохраняет никакого состояния между загрузками страницы, поэтому нужно будет сохранить что-то, что скажет вам не показывать его, варианты cookie, localStorage или отправить статус пользователя на сервер и сохранить там с помощью ajax для отправки
charlietfl 10 нояб. 2013, в 20:41

Показать ещё 2 комментария

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Так же, как примечание по юзабилити: если мне придется просмотреть вступление, прежде чем меня пустят на ваш сайт, я просто уйду
согласитесь ... интро закончилось и закончилось в этот день и в эпоху мгновенного подключения. Люди хотят контента, а не наворотов
Я тоже согласен. Но меня просто попросили сделать это.
javascript не сохраняет никакого состояния между загрузками страницы, поэтому нужно будет сохранить что-то, что скажет вам не показывать его, варианты cookie, localStorage или отправить статус пользователя на сервер и сохранить там с помощью ajax для отправки

Adam McElroy · Accepted Answer · 2013-11-10T17-57-00.000Z

Просто добавьте функцию обратного вызова к вашему окончательному fadeOut и используйте простой Javascript для перенаправления браузера на home.html. Просто убедитесь, что эта страница действительно существует.

Я также упростил ваш код, поскольку все готовые бит документа не нужны внутри $(function(){... });

$(function() {
        $("#image1").delay(0000).fadeIn("slow").delay(3000).fadeOut("slow");
        $("#image2").delay(3000).fadeIn("slow").delay(3000).fadeOut("slow");
        $("#image3").delay(6000).fadeIn("slow").delay(3000).fadeOut("slow", function() {
             window.location.href = "home.html";
        });    
    });
  });

Дайте знать, если у вас появятся вопросы.

Большое спасибо! Это именно то, что мне было нужно.