Явное определение порядка загрузки

Question

У меня небольшая проблема.

Мне нужно показать информацию о безопасности в ящике JS, чтобы страница загружалась с открытым. Изображения, создающие ящик, являются довольно внушительными, и как таковой текст безопасности в ящике визуализируется перед фоном, создавая действительно уродливый эксперимент по загрузке. Есть ли простой способ, который я могу сказать

НЕ НАГРУЖЕНА БЕЗОПАСНОСТЬ БЕЗОПАСНОСТИ ДОПОЛНИТЕЛЬНО БЕЗ БЕЗОПАСНОСТИ?

Мы не используем библиотеки (т. Е. JQuery), поэтому решение JS должно работать как сценарий самостоятельно.

Answer 1

Если вы правильно поняли, вы хотите отобразить безопасность только после того, как SafetyBG полностью загружен. Чтобы добиться этого, скройте securityText, затем проверьте файл document.onload, если SafetyBG загрузился. Если да, то показать текст, если нет, прикрепить функцию, чтобы показать текст safetyBG.onload:

function showSafetyText() { 
    //show text 
} 

window.onload = function() { 

    var safetyBG = document.getElementById("safetyBG"); // tweak as necessary 

    //have to check to see if img loaded, if you would simply assign showSafetyText 
    //to img.onload, it would never run if the img was fully loaded already 

    if (!safetyBG.complete) { 
    safetyBG.onload = showSafetyText; 
    } else { 
    showSafetyText(); 
    } 

} 

Вы упомянули изображения (а не одного изображения) в вашем посте. Если это так, вы захотите написать функцию, которая просматривает изображения, чтобы проверить, загружены ли они (в это время вы можете загрузить текст); затем присоедините эту функцию к каждому из событий загрузки onload (если все изображения не загружены, в этом случае вы можете просто показать текст).