Prioriser le contenu d'une page Web à charger

Question

J'ai une page Web qui comporte trois parties. La première partie est un fichier flash, et les deux autres sont des images.

Maintenant, quand la page Web est ouverte, les images sont téléchargées plus rapidement que le flash, donc pendant un certain temps j'ai pu voir la potion inférieure de la page affichée alors que le flash est seulement observé après un moment. Mais je veux que le flash soit affiché avant toute autre partie de la page.

Je veux savoir si je pourrais donner la priorité au contenu en cours de téléchargement dans un premier flash & puis les images.

OU

Si aucune méthode existe, est-il possible que je pouvais garder les images cachées jusqu'à ce que le flash est chargé.

Merci, Narain

Answer 1

solution possible est de cacher toutes les images d'abord (affichage: caché ou même ne s'impriment pas HTML pour eux), et de les charger dans onLoad javascript méthode (par exemple lorsque d'autres chargement est effectué). Bien sûr, les utilisateurs sans JS ne verront pas d'images du tout. :-)

Answer 2

Vous ne savez pas quel est le problème, mais si la page est cassée, vous pouvez également définir la hauteur et la largeur de l'élément flash de sorte que même avant qu'il ait chargé le navigateur fait un espace pour cela.

Si c'est parce que vous voulez vraiment le flash d'abord et seulement alors l'utilisateur voit une image "donner" que vous devriez aller avec JS.

J'ai trouvé ce à Yaldex mais il précontraintes la page entière

<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> 

Sinon, vous pouvez essayer quelque chose comme cela, mais utiliser le fichier flash

<SCRIPT LANGUAGE="JavaScript"> 

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

</SCRIPT>