2010-04-19 6 views
1

Après avoir cliqué sur un bouton pour démarrer un processus sur mon application Web, je montre un petit gif de chargement (animé) qui tourne pour indiquer à l'utilisateur que quelque chose se passe. Je mets le img gif en place du bouton comme celui-ci en utilisant JQuery:IE7 GIF animé apparaît comme une image statique?

$('#btn_holder').html('<img src="images/loading2.gif" style="margin-left:40px; margin-top:7px;" />'); 

Cela fonctionne très bien dans tous les navigateurs (Firefox, IE8, Chrome), sauf IE7 sur un serveur Windows 2003.

Dans IE, le gif apparaît mais il n'est pas animé. Que se passe-t-il avec IE7? Comment puis-je tester quel est le problème?

Merci à tous

+1

IE7 sur Windows Server a probablement des autorisations de sécurité très restrictives, il ne permettra probablement pas l'animation gif active. Essayez le test sous XP ou Vista. – roryf

+0

Cela fonctionne-t-il si vous l'ajoutez avant de soumettre le formulaire? – SLaks

Répondre

8

Peut-être un problème avec votre IE7, (ce qui est arrivé à moi avant)

Pour activer les GIFs animés, sélectionnez dans le menu Outils « Options Internet » puis cliquez sur l'onglet Avancé. Faites défiler jusqu'à la section Multimédia, cochez l'option "Play Animations" et cliquez sur OK. A partir de maintenant, vous ne devriez voir que la première image de chaque GIF animé qui se charge. N'oubliez pas que IE doit être redémarré pour que les modifications soient prises en compte. En plus de cela, voici quelques solutions: IE7's inanimate gifs.

+0

OMG, vous avez raison! Je ne peux pas croire que ce réglage existe. Merci Kyle! :) – Abs

+0

Pas de problème, content que cela a fonctionné pour vous :) – Kyle

1

Est-ce que ceci se produit pour tous les gifs animés ou seulement les gifs animés chargés par Javascript? Essayez d'aller à l'url pour le gif et voir si elle est animée alors. Si c'est alors au lieu de charger l'image dans le bouton, pourquoi ne pas le charger en HTML, le cacher avec la visibilité CSS: caché puis le cacher avec Javascript?