Internet Explorer, barre de chargement, 5,57 Mo page

Question

J'ai une question sorta unique. Il y a une application web qui prend 5,57 Mo de chargement. Je veux une barre de chargement ou Ajax Spinner là-bas qui s'anime afin qu'ils sachent que les choses progressent pendant le ~ 10-20 secondes de temps de chargement. La plupart sont des images, beaucoup de JS ici aussi. Le problème ici est que Firefox goupille correctement tout ce qui fait que le gif animé continue de tourner. Animer Le monde est heureux. IE charge cependant les premières images du spinner, puis bute tôt et ne fait rien tant que le site n'est pas totalement chargé. Il verrouille également le navigateur sur un chargement non mis en cache. Il montrera alors la page quand le chargement est complet, cependant le spinner s'arrête pendant les premières images s'il est cahced ou uncached. (Une charge mise en cache est seulement ~ 2-3 secondes) Encore une fois, cela ne se produit pas dans Firefox, Safari ou les navigateurs modernes, sauf pour IE. Y at-il un moyen de charger IE bien? La recherche n'a encore rien trouvé.

Code du chargeur (sur demande): Notez qu'il est difficile de paraphraser en raison de la grande base de code, mais cela semble capturer le dilemme.

<script type="text/javascript"> 
    function show_main_gui() { 
     dojo.byId("splashloader").style.visibility = "hidden"; 
    } 
    function init(){ 
    show_main_gui(); 
    } 
    dojo.addOnLoad(init); 
</script> 
<style type="text/css"> 
#splashloader { 
position:absolute; 
z-index:999; 
width:800px; 
visibility:visible; 
height:600px; 
background:#fff; 
text-align:center; 
color:#1E4FD9; 
} 
</style> 

<table id="splashloader"><tr><td><img src="images/interface/splashloader.gif"><span class="loader"> Loading...</span></td></tr></table> 

Une table ... car il est plus facile d'aligner verticalement dans tous les navigateurs.

IE 8 et 7 persistent avec le gel de l'animation gif de chargement. Si je change le spinner à afficher après le chargement, l'animation s'anime. J'ai essayé de prendre tous les appels JavaScript à part ça, et de charger sur le cache, et il montre toujours seulement les premières images dans IE pendant le chargement de 1-2 secondes.

Answer 1

Vous pouvez charger dynamiquement le contenu en javascript, et utiliser votre technique préférée de mise à jour d'un état/chose de progrès. Les easies est peut-être d'utiliser le texte de statut du navigateur, mais vous pouvez bien sûr aussi utiliser une zone sur la page pour montrer l'animation et/ou le statut.

<script id="postLoadJavascript" type="text/javascript" ></script> 

<script type="text/javascript"> 
    var imagesLoaded = 0; 
    var totalImages = 100; 
    for(imagesLoaded = 0; imagesLoaded < totalImages; imagesLoaded++){ 
    window.status = 'Loading image ' + imagesLoaded + ' of ' totalImages + '...'; 
    document.write('<img src="image' + imagesLoaded +'.gif" /> '); 
    } 
    window.status = 'Loading additional javascript...'; 
    document.getElementById('postLoadJavascript').src = "theAdditionalJavascript.js" 
    window.status = 'Finished loading all.'; 

</script> 

Answer 2

essayez de mettre cette image dans un iframe. c'est ce que les développeurs gmail utilisaient avec cette étiquette rouge "loading ..." dans les versions précédentes

Answer 3

C'est un bug avec les gifs animés dans IE. Passer d'un gif animé à un javascript pour animer la chose du chargeur ... (par exemple en échangeant des images ou similaire)