Установите приоритет содержимого на веб-странице для загрузки

У меня есть веб-страница, состоящая из трех частей. Первая часть представляет собой флэш-файл, а две другие — изображения.

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

Я хочу знать, могу ли я расставить приоритеты для загружаемого контента, т.е. сначала flash, а затем изображения.

OR

Если такого метода не существует, могу ли я каким-либо образом скрыть изображения до загрузки флэш-памяти.

Спасибо, Нараин.


person Narain Mittal    schedule 15.12.2010    source источник


Ответы (2)


Возможное решение - изначально скрыть все изображения (отобразить: скрыто или даже не печатать для них HTML) и загрузить их в методе javascript onLoad (т.е. когда выполняется другая загрузка). Конечно, пользователи без JS вообще не увидят изображения. :-)

person BarsMonster    schedule 15.12.2010

Не уверен, в чем проблема, но если речь идет о сломанной странице, вы также можете определить высоту и ширину элемента flash, чтобы еще до того, как он загрузился, браузер освободил для него место.

Если это потому, что вам действительно нужна вспышка, и только после этого пользователь увидит какое-то «отдаваемое» изображение, вам следует использовать JS.

Я нашел это на yaldex, но он предварительно загружает всю страницу.

<script language="javascript" type="text/javascript">
    /* Visit http://www.yaldex.com/ for full source code
    and get more free JavaScript, CSS and DHTML scripts! */
    <!-- Begin
    function loadImages() {
    if (document.getElementById) {  // DOM3 = IE5, NS6
    document.getElementById('hidepage').style.visibility = 'hidden';
    }
    }
    window.onload = loadImages;
    //  End -->
    </script>
    <div id="hidepage" style=" background-color: #FFFFCC; layer-background-color: #FFFFCC; width: 100%;">
    <table width=100%><tr><td>Page loading ... Please wait.</td></tr></table></div>

в качестве альтернативы вы можете попробовать что-то подобное, но использовать файл прошивки

<SCRIPT LANGUAGE="JavaScript">

Image= new Image(60,50)
Image.src = "image.gif"

</SCRIPT>
person Ross    schedule 15.12.2010