11540 sujets

JavaScript, DOM et API Web HTML5

Gif animé ne s'affiche pas

Bonjour tout le monde,
après avoir cherché sur le forum et le web toute la matinée, j'ai craqué et je poste mon problème ici.

Explication :
Je dois bêtement afficher une image au format .gif (et également animé) après avoir validé un formulaire. Pour ce faire, je passe par du javascript, tout s'affiche bien sauf mon image. Je me suis dis que c'était un problème de chemin ... et bien non pas d'erreur dans la console et lorsque que je copie/colle l'url de l'image, elle s'affiche. La seule erreur est dans l'onglet network de chrome :

upload/24999-capecran.png

voici le/les code(s) que j'ai essayé :
code récent :

  var imageload = $('<img />').attr('src','http://'+location.hostname+'/wp-content/themes/sommerce/images/loading.gif');
$("#chargement").append(imageload);


code ancien : 
$("#chargement).html('<img src="http://'+location.hostname+'/wp-content/themes/sommerce/images/loading.gif"/>');


autre point : l'image s'affiche sous FF mais elle lag énormément !

La piste la plus probable pour moi c'est un problème d'url car elle contient des '-', qu'en pensez vous ?

Merci pour votre aide, l'équipe est vraiment impliquée et les réponses sont vraiment très instructives à chaque fois !

PS : Désolé pour les "potentielles" fautes d'orthographe !
Re-hello,

J'espère que mon problème est assez clairement exposé (je suis désolé je ne peux pas vous envoyé d'url pour tester car le site est encore en preprod ...).

Est ce que quelqu'un aurai une idée à me soumettre, n'importe quoi même une bribe d'idée que je puisse chercher de mon coté ... existe-t-il des scripts qui serait susceptible de générer cela ?

Merci
Ah oui ceci est vraiment curieux ...

Question :
Est ce que le fait de l'appeler après une validation de formulaire qui inclut des vidéos (donc plutôt lourd) fait que ça ne marche pas ??

lorsque que je regarde ton code avec l'onglet network de chrome, il ne trouve pas d'image le type ni le status de l'image ... quelqu'un saurait à quoi cela correspond ?
Moi il me met bien "Content-Type:image/gif" et "Status Code:200 OK"

Et pour ta question, je ne pense pas que ça puisse influer...
Oui pardon je rectifie, sur ton code tout s'affiche bien dans le network mais pas sur mon site, c'est vraiment curieux cette histoire !

même si je change d'image et que je mets un fichier png ou jpg, cela ne s'affiche pas ... et je n'ai toujours pas d'erreur Smiley fache
Oui, oui l"image apparait mais ne s'anime pas sous firefox, sous chrome elle ne s'affiche pas du tout

c'est vraiment très bizarre cette affaire !
Sujet clos
Aller à