#javascript #jquery #mootools #yui #preloader
#javascript #jquery #mootools #yui #предварительный загрузчик
Вопрос:
Я видел несколько руководств о том, как создать предварительный загрузчик JavaScript для изображений. Возможно ли использовать предварительный загрузчик JavaScript для другого JavaScript?
Мой веб-сайт использует mootools (и другие тоже) для анимации и большого количества изображений и т.д. — Поэтому загрузка занимает некоторое время. Возможно ли, чтобы веб-сайт имел «загрузку» по центру страницы — и ничего более — до тех пор, пока не загрузятся все библиотеки Javascript, все изображения и т.д. На веб-сайте содержится около 300 кб JavaScript (сжатого), 800 кб изображений на главной странице.
В чистом flash-дизайне можно просто сказать, что flash-ролик загружается перед загрузкой и отображением любой из связанных библиотек, другого кода, изображений. Можно ли это сделать на JavaScript?
Комментарии:
1. Обязательно ли загружать все сразу? Я имею в виду, что вы, конечно же, не сможете отобразить 800 Тысяч изображений на одной странице. Так почему бы не выполнить рендеринг как можно скорее, а после этого продолжить загрузку всего остального в автоматическом режиме?
2. предварительная загрузка — это так просто! давным-давно, в далеком-далеком Интернете, я написал это на простом js: fragged.org/dev/preloading-images-via-javascript.php — возможно, это поможет вам и даст вам обратную связь в режиме реального времени. Я также написал несколько инструментов на основе mootools для ленивой загрузки javascripts (в последовательном порядке) в дополнение к Asset.images, которые предоставляет mootools.
Ответ №1:
Выполните весь свой код в window.onload()
Вот смехотворно простой пример, который даст вам основную идею: http://jsfiddle.net/kennis/jHJ3T/1
Подумайте об отвратительном красном div в качестве предварительного загрузчика. Как только документ загружает все ресурсы (изображения, js-файлы, что угодно), предварительный загрузчик исчезает, и ваш контент теперь виден, а ваши библиотеки javascript полностью загружены и готовы к выполнению.
Если вы хотите запустить пример jsfiddle более одного раза, измените «случайные» значения в конце тегов изображений, чтобы ваш браузер не извлекал кэшированные версии.
Комментарии:
1. Я думаю, он спрашивает, как загрузить javascript через XHR, и пока он загружается, как отобразить индикатор.
2. А, ладно. Это было не мое первоначальное впечатление.
3. Или он мог бы сделать ваш вариант. Отобразите какой-нибудь простой загрузчик, удалите его с помощью
onload, когда все скрипты и элементы будут на месте и готовы.