
Новые сообщения [новые:0]
Дайджест
Горячие темы
Избранное [новые:0]
Форумы
Пользователи
Статистика
Статистика нагрузки
Мод. лог
Поиск
|
|
12.07.2013, 10:49
|
|||
|---|---|---|---|
[Javascript] Dom-loaded с изображениями |
|||
|
#18+
Подскажите, как-то можно было бы отловить действие, когда страница загружена и загружены все изображения с css ? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
12.07.2013, 10:52
|
|||
|---|---|---|---|
[Javascript] Dom-loaded с изображениями |
|||
|
#18+
Никак. Отловить можно загрузку document и img. Содержимое CSS не отлавливается. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
12.07.2013, 11:15
|
|||
|---|---|---|---|
[Javascript] Dom-loaded с изображениями |
|||
|
#18+
А можно ли сделать следующее? Например, я ставлю img блоки с теми же картинками, что и в css и дожидаюсь их загрузки, после чего уже вывожу содержимое. Картинки должны загружаться и помещаться в кеш, и после, при показе css, будут браться из кеша. Такой вариант прокатит? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
12.07.2013, 11:59
|
|||
|---|---|---|---|
[Javascript] Dom-loaded с изображениями |
|||
|
#18+
Думаю, нет, так как до окончательной загрузки будет происходить параллельная загрузка изображений. Поэтому легко может (и наверняка будет) происходить загрузка картинки дважды. Я так понимаю, смысл имеет при больших картинках, так как отслеживание маленьких бессмысленно. В этом случае такой сценарий вдвойне абсурден. Если уж так нужно, то можно попробовать следующий вариант: не использовать картинки в стилях, а расписать сценарий поведения для загрузки изображений - программно загружать, отслеживать окончание и помещать картинку в контейнер (бекграунд?). ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
12.07.2013, 13:13
|
|||
|---|---|---|---|
|
|||
[Javascript] Dom-loaded с изображениями |
|||
|
#18+
Плюсую к программной обработке. Если хотите экономить на загрузке -- обычным css, увы, делу не помочь. А вот js-ный кэш из ни к чему не привязанных img, каждое из которых хранит своё изображение (и тогда оно грузится заведомо не больше одного раза) -- другое дело. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
12.07.2013, 21:44
|
|||
|---|---|---|---|
[Javascript] Dom-loaded с изображениями |
|||
|
#18+
spider13Подскажите, как-то можно было бы отловить действие, когда страница загружена и загружены все изображения с css ? В цсс ничего не загружается вплоть до призвания на действительную службу. Это не документ. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
12.07.2013, 22:40
|
|||
|---|---|---|---|
|
|||
[Javascript] Dom-loaded с изображениями |
|||
|
#18+
debloggerspider13Подскажите, как-то можно было бы отловить действие, когда страница загружена и загружены все изображения с css ?В цсс ничего не загружается вплоть до призвания на действительную службу. Это не документ.В css файле указываются ссылки на изображения которые браузер загружает и отображает в документе (например в виде фонового элемента для элементов) Проблема в том эти изображениям являются частью документа однако их нельзя получить как объект из объектной модели документа (DOM) для управления событиями и их поведением имхо: Если крайне нужно то можно попробовать при готовности документа (document.onreadystatechange) взять все стили (document.styleSheets) получить из них все правила У всех правил проверить наличие значения у backgroundImage если значение указано тогда запомнить селектор правила и ссылку на изображение а в реальном правиле заменить на пустое значение получив массив селекторов и ссылок на изображения можно загружать их из JS и возвращать ссылки на изображения обратно в document.styleSheets но по моему это заведомо не красивое решение и делать так не стоит =) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|

start [/forum/topic.php?fid=22&mobile=1&tid=1448132]: |
0ms |
get settings: |
9ms |
get forum list: |
12ms |
check forum access: |
4ms |
check topic access: |
4ms |
track hit: |
68ms |
get topic data: |
11ms |
get forum data: |
3ms |
get page messages: |
47ms |
get tp. blocked users: |
2ms |
| others: | 231ms |
| total: | 391ms |

| 0 / 0 |
