2015-10-21 4 views
1

я хочу, чтобы остановить загрузку HTML после определенного тега IMG, подождите 10 секунд .. и продолжить ...Показать изображение, подождите 10 секунд и страницу загрузки контента

я имею в виду, что линии на снизу <img id='waitme' src='logo.png'>, должны читать/загружать через 10 секунд после выбранного тега img (#waitme).

Я попробовал функции JQUERY wait(), delay(); но не смог разрешить.

Я добавлю этот тег img после тега, и весь контент сайта должен быть загружен через 10 секунд после показанного изображения.

шоу #waitme, подождите 10 секунд, содержание загрузки страницы ..

Может кто-нибудь мне помочь?

+1

почему остановить загрузку страницы? сохраняйте загрузку страницы, пока вы показываете изображение, и спрячьте изображение через 10 секунд или что-то еще ... в любом случае вы не можете остановить загрузку страницы, поэтому передумайте, что вы хотите сделать, а не –

+0

свою анимацию логотипа; и мне просто нужно показать 10-секундную анимацию логотипа перед контентом .. (как и preloader.gif, который воспроизводит 10 секунд) – orhuncan

+0

так что? вы не можете остановить загрузку страницы –

ответ

0

Вот способ добиться того, что вы хотите,

  1. Отобразить это изображение в document's ready handler и скрыть содержимое страницы.
  2. Запуск timeOut функции в windows load обработчик с 10k миллисекунды.
  3. При переходе от таймаута скрыть изображение и отобразить содержимое страницы .
0

Вы можете попробовать это:

... 
<style> 
    .disabled{ 
      display: none;} 
</style> 
<body> 
<img src="your_image.jpg" id="ur_img"> 
<div id="wrap" class="disabled"> 
     Here is your content 
</div> 
<script> 
    setTimeout(function(){ 
      $("#wrap").removeClass("disabled"); 
      $("#ur_img").addClass("disabled"); 
     }, 10000) 

</script> 
</body> 
... 
Смежные вопросы