Discussion :

[Choupinou]

Bonjour,

Sur une action de l'utilisateur, un bloc est ajouté au code HTML.
Le code (simplifié) du bloc dans la page html à copier :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div style="display:none" id="newBloc">
    <div>
         <img src="images/icones/group.png" alt="Image Manquante"></img>
    </div>
</div>

Le code javascript qui charge :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
    var content = $('newBloc').innerHTML;
    $('le bloc conteneur').insert({bottom: content});

Le bloc est bien ajouté à la page HTML. Par contre l'image elle n'est pas visible sous IE car c'est une PNG (une image gif marche). J'ai cherché sur le net mais je n'ai rien trouvé pour résoudre ce problème. Pouvez-vous m'aider ?

Merci

[ragnarokr]

Avec IE 7, les png apparaissent bien mais il ne doit pas y avoir de solution pour que le png s'affiche bien sur les versions plus anciennes de IE.
C'est pas possible, tout simplement, de faire un cas où si le navigateur est IE7 ou FF, l'image est un png et dans le cas d'une ancienne version de IE, ça soit un gif?

[Choupinou]

Non ce n'est pas une solution. Il faut qu'on puisse gérer les PNG. Le problème n'est pas l'affichage des PNG au moment du chargement mais quand on ajoute un noeud dans le DOM une fois la page chargée. C'est dans ce cas que les images n'apparaissent pas.