HTML preloader всей страницы
подскажите, искал на форуме и в интернете не смог найти
Нужен прелоадер всей страницы Тоесть пока не загрузились все элементы на странице должен болтаться слой, после загрузки исчезать Какие проблемы 1. Как корректно скрыть или приглушить все что грузиться на странице? 2. Как корректно узнать что страница и все картинки догрузились? 3. Самое главное как не перебить и не испортить другие события window.onload Итог Нужен JS скрипт который акуратно встраиваешь в начало любой своей страницы и он отслеживает загрузку, после этого исчезает Покажите пример, спасибо |
Не надо делать таких прелоадеров. Пользователь должен видеть, как происходит загрузка, а не лицезреть надпись «Загрузка» посреди пустой страницы и, не дождавшись окончания, закрыть окно.
|
Долго рассказывать, но такой прелоадер нужен, из-за блинный и сложных таблиц поисков
А пока не закроется таблица чатсь документа не отображается, закрывается таблица в конце body Переверстать сайт нельзя (это если кто посоветовать это решит) Поэтому нужен JS которые на время загрузки всего HTML будет выводить надпись что процесс идет все нормально, за этим прелоадером пользователь будет видеть что что то рузится на странице Есть кроссброузерное решение не мешающая другим JS скриптам работать с window.onload ? |
|
спасибо
но не понимаю какую функцию вызывать что бы она скрыла документ а потом показала его :/ |
нашел решение вот пример
Нашел как сделать пользуйтесь
Код HTML:
<html> код файла preloader.js Код HTML:
$.blockUI('<h1><img src="/images/loading.gif" /> Загрузка ...</h1>'); остальные файлы качаем от сюда http://malsup.com/jquery/block/#download http://docs.jquery.com/Downloading_jQuery |
Извиняюсь за некропост, но делать новую тему считаю глупым.
Меня постигла подобная задача, но требуется пропрелоадить отдельное кол-во картинок. Поэтому jQuery использовать не могу, т.к. некоторые картинки должны подгрузиться после того как пользователь увидит страницу (в некоторых местах использую слои с картинками, грузить их все - это жуть как не романтично). Да и вес jQuery не такой уж и легкий. Вобщем вывод - написать простой прелоадер картинок. Сначала рисую хайдер - в цсс у него абсолютная позиция и на весь экран: Код:
<div class="hider" style="visibility:visible" id="hider"> Делал так: Код:
var photoArray=new Array(...); Ок, загрузка всех сразу не работает, пойдем так: Код:
function loadComplete(){ Более того, повесив onError узнаю, что весь этот скрипт настолько бажный что лучше его не видеть)) Гуглю - натыкаюсь на похожий вопрос с подозрительным высказыванием (вольный перевод с английского) Цитата:
|
не onLoad а onload. JavaScript регистрозависим.
пс, всё-таки нужно было создать новую тему. |
Часовой пояс GMT +4, время: 22:59. |
Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.