IE Précharger les images Bug?

Question

Ok, donc j'appelle des images d'une image-objet pour mon curseur d'image. Qu'est-ce qui se passe est que lorsqu'une page est chargée, toutes les images de diaporama sont affichées horizontalement, ce qui le fait apparaître buggé. Une solution que nous avons élaborée était de définir des images à précharger. Cela fonctionne très bien dans Firefox, mais dans IE il semble buggé. Voici les deux lignes de code que la matière (nous avons mis la chose entretoise en raison d'un autre bug dans IE):

<div id="banner"><div class="slideshow"><!--[if IE]> 
    <img id="ban_images1" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images2" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images3" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images4" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images5" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images6" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images7" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images8" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images9" src="images/spacer.gif" width="900px" height="244" border="0"/> 
    <img id="ban_images10" src="images/spacer.gif" width="900px" height="244" border="0"/> 
<![endif]--> 
<![if !IE]> 
    <img id="ban_images1" /> 
    <img id="ban_images2" /> 
    <img id="ban_images3" /> 
    <img id="ban_images4" /> 
    <img id="ban_images5" /> 
    <img id="ban_images6" /> 
    <img id="ban_images7" /> 
    <img id="ban_images8" /> 
    <img id="ban_images9" /> 
    <img id="ban_images10" /> 
<![endif]> 
    </div> 

Ban images font simplement référence à l'image-objet qui se trouve à main.gif.

Pour ce faire préchargement, je mets le code suivant à la fin de mon fichier HTML:

<div class="slideshowload"><img src="image/main.gif" /></div> 

Et le code suivant à la fin de mon fichier CSS:

.slideshowload{display:none;} 

Toutes les suggestions à le faire fonctionner dans IE?

THanks!

Answer 1

Quelques choses:

• Si IE pour les navigateurs non IE est redondant puisque seul IE comprend des commentaires conditionnels et vous êtes essentiellement répéter la même action deux fois avec la syntaxe inutilement différente;!
• Vous devez corriger vos images spécifiques IE - width = "900px" n'est pas une propriété valide (doit être width = "900", pas d'unités); Il est recommandé de toujours spécifier des largeurs/hauteurs dans les images quel que soit le navigateur. Dans le cas du préchargement, il est acceptable d'utiliser width = "1" height = "1" au stade de préchargement depuis les dimensions HTML de l'image. n'affecte pas le téléchargement lui-même