Расставьте приоритеты содержимого на веб-странице для загрузки - PullRequest
Новая
       8

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

2 голосов
/ 15 декабря 2010

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

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

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

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

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

Ответы [ 2 ]

2 голосов
/ 15 декабря 2010

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

0 голосов
/ 15 декабря 2010

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

Еслиэто потому, что вы действительно хотите сначала флэш-память, и только тогда пользователь видит какое-то «раздающее» изображение, которое вы должны использовать с 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>
...