Supprimer l'icone des images sous IE

Bonjour,

Ça fait un moment que je lis alsacréationS sans jamais m'être inscrit sur le forum... J'ai franchi le pas

J'ai un petit problème sur mon blog : j'ai un carousel (utilisant jcarousel) qui affiche les dernières images de mes galeries, et j'y ai ajouté un petit preloader. Le tout est affiché très simplement grâce au code suivant (code JS inclus dans l'en-tête de mes pages, l'url et le title de l'image sont ajoutées dynamiquement ensuite) :

return '<div class="jcarousel-loading preloader-img-' + idx + '"><img src="http://sxjpl.free.fr/dotclear-files/themes/test/img/loading.gif"/></div><a href="' + url + '"><img class="jcarousel-img-' + idx + '"/></a>';

Seulement, sous IE (et seulement sous IE) il y a une icone qui reste affichée en plus du preloader pendant que les images se chargent.

On peut le constater sur l'image suivante :


Y aurait-il un moyen de cacher cette icone via CSS ? Ou par un autre biais ?

D'avance, merci pour votre aide !

Bonjour,

Cette icone, en fait, c'est l'image, donc à moins de précharger l'image en dehors de l'écran (-4000px à gauche par exemple) je ne vois pas comment faire disparaitre cette icone. Par contre, note que positionner tes images avant chargement, puis les remettre en place après risque de causer plus de problème niveau design que t'aider.

Je ne connais pas le code de jcarousel, mais est-ce que les vignettes qu'il affiche ici sont bel et bien des vignettes redimentionnée (ou non) côté serveur ou est-ce qu'il affiche les images de base (grand format) en les redimensionnant côté client ? Car dans le premier cas, les images devraient se charger très vite (sur l'image que tu présente, elle semblent de petite taille) et donc l'icone ne serait qu'une gène très légère, quasi invisible. Dans le second cas, il faut revoir le script.

Les images ne sont pas redimensionnées. Ce sont des miniatures, qui mettent tout de même 2 ou 3 secondes à se charger... pendant lesquelles la "vignette" est visible.

Ce que je comprends mal, c'est qu'en mettant un img { display: none; } dans ma CSS, la vignette ne disparaît pas... Pourquoi ? Est-ce le comportement habituel sous IE, ou est-ce un problème dans mon code ?