Force IE8 pour afficher le texte ALT pendant le chargement?

J'ai commis l'erreur de ne testent pas toute l'application dans IE alors que je l'ai construit et maintenant j'ai un problème minuscule.

Im générer une image dynamique et Ive a conçu l'application pour utiliser l'attribut alt de l'image comme le message de chargement alors que le serveur génère l'image. Pour certains IE8 raison (pas sûr d'autres versions) ne veut pas afficher le texte ALT jusqu'à Im deviner les chiffres qu'elle ne peut pas charger l'image, qui se visse me up.

Quelqu'un sait d'un moyen de forcer l'IE pour afficher ce texte alt tandis que l'image est chargé, ou avez des suggestions sur les moyens de rechange simple à faire un message de chargement qui se cache dès que l'image est chargé?

À partir de MSDN :



Vous pensez que vous pourriez utiliser le titre / tag longDesc pour obtenir quelque chose chargée en?

Non passer sur ces attributs non plus.

Im allant de la chance sur cette application particulière, car l'image est affichée juste au dessus de la partie de la barre d'état IE où l'Image "Loading" s'affiche à l'URL. Je crois que je peux compter sur ce travail comme un indicateur dans IE.

Je prends juste un coup de couteau à ce sauvage, avez-vous essayé d'utiliser le "titre" attribut sur l'image pour voir si cela pouvait faire quelque chose? Par exemple:

Je pense qu'il a essayé de la pièce que je donne BWM. Appare notly qui n'a pas fonctionné non plus.

Ahh ouais, tout ce que j'ai vu était longDesc mentionné, après avoir regardé en arrière, je vois vous avez également mentionné le titre aussi. My bad

Oui, c'était un no-go sur le titre d'attribut ainsi.

J'ai finalement eu le temps d'installer Chrome sur Vista ici et appare notly Chrome a le même comportement. Dans certains cas, Chrome n'affiche même pas le texte ALT pour une image manquante s'il ya encore une largeur / hauteur définie et qui ne laisse pas assez de place pour le texte.

Looks like I'm going d'avoir à trouver une autre solution, après tout, Chrome ne pas afficher un message de chargement tandis que l'image est en chargement.

Je pense ce que je & #39; vais faire, puisque les dimensions de l'image sera disponible sur la page, c'est de donner un div contenant une image de fond qui est une image animée lors du chargement et centré dans le div, qui sera mis à la largeur / hauteur de l'image attendue. Lorsque l'image se charge que de fond seront cachés.

Pourquoi la grève-à travers? Complications avec ça aussi?

Après que j'ai posté il s'est imposé à moi que l'élément image réelle pourrait toujours couvrira le fond de l'élément contenant div.

Im not sure si les images sont transpa pas pendant le chargement theyre, qu'elles seraient si le fond de l'élément img ont été mis à la transpare pas, ou vraiment rien du tout. Je n'ai pas encore essayé, alors je me suis barré il au cas où quelqu'un d'autre veut essayer, mais cela n'a pas de ressembler à le solution.

pourquoi ne pas définir l'image à afficher: none jusqu'à son chargé? Alors votre idée de base serait de travail. Ou êtes-vous de suivi se charge pas réel? Si cela ne fonctionne pas essayer d'arrière-plan: aucun ou contexte: transpa pas sur l'IMG. Im pretty certain que cela va effectivement rendre l'image invisible jusqu'à ce que son chargement.

Thats la capture. Ive a essayé de mettre quelque chose ensemble qui ne surveille pas le statut du chargement des images. Ive a toujours eu du mal avec obtenir un statut fiables sur ce produit doit être chargé dans le passé afin Ive a naturellement essayé de rester loin de le faire.

Its been awhile instant, toutefois, et Ive effectivement déjà obtenu jQuery à ma disposition dans ce projet. Je suppose que je devrais prendre une autre fissure à la surveillance de l'état de chargement et l'image. Je pouvais la pimenter un peu avec jQuery et l'animation. Je ne veux pas y aller par-dessus bord mais, surtout avec quelque chose comme un album "ou" thickbox "ou quelle que soit sa appelée pour afficher la prévisualisation po Je veux conserver l'application permet d'optimiser autant que je le peux.

Je lui ai donné un test rapide et cet me ferait penser que l'ajout d'une simple image de fond et définir le style de fond d'image inégalée devrait produire le résultat que vous voulez.

L'image du haut, dans chaque cas est un PNG et le second est un GIF. Je suppose que si l'arrière-plan montre à travers ceux que le serait de même pendant le chargement theyre.

Heres the test, j'ai couru dans ma demande.



Ce sont les navigateurs je l'ai essayé po



J'ai besoin d'utiliser un attribut alt vide car Opera et Firefox affichera ce texte alt-dessus du fond des conteneurs, l', si je mettre n'importe quoi dedans.

Cela me donne quelque chose je peux travailler avec cependant. Le fond rouge s'affiche comme prévu alors que le serveur a généré l'image, puis l'image se cacha le fond.

Je pense que l'aide d'une largeur fixe / taille du conteneur est à l'origine mon footer à sauter et à ignorer la hauteur de l'image chargée en raison de débordements et autres joyeusetés. Ill faut voir ce que les personnes sans échange avec min-height et min-width faire.

Im curieux cherchent maintenant de retour à votre code d'essai, pourquoi theres aucun largeur hauteur définie nulle part?

Im avoir un moment difficile de voir votre travail, par exemple, je pense que le chargement des images avant de voir whats going on. Dans ma demande, il prend le serveur quelques secondes pour générer l'image afin que j'arrive à le regarder pendant un moment.

On dirait que dans IE8 Compatibilité Voir quitte animer un fond GIF la deuxième fois mon bloc de code s'exécute pour une nouvelle preview.

Toute autre personne de voir que le comportement?

Pas un gros problème car il anime la première fois et un visiteur reconnaîtrait les images sur la seconde fois, mais je sais juste que quelqu'un va s'en apercevoir et déposer un rapport de bogue.

Si cela fonctionne bien lorsqu'il n'est pas en mode de compatibilité, vous pouvez afficher désactiver la compatibilité de telle sorte que vous n'avez pas ce problème en utilisant cette balise meta: