Je suis en utilisant le code suivant:Retard de l'affichage de l'image chargée à l'aide jquery + ajax
$.ajax({
url: "pgiproxy.php",
data: ({ data : $("#formdata").serialize(), mode : "graph"}),
success:
function(result){
var temp = $('<div/>').html(result);
var val = temp.find('center').html();
$('#BFX').html(val);
},
error:
function(){
$("#error").html("ERROR !!!");
}
});
Le « résultat » de l'appel ajax à « pgiproxy.php » est une page Web entière (retour en string), il est ensuite converti en objet jQuery et stocké dans 'var'. J'extrais ensuite les données dont j'ai besoin (une image .gif) en utilisant .find() qui est stocké dans 'val'. Cette image est ensuite insérée dans un div #BFX pour l'affichage.
Mon problème est chaque fois que je clique sur mon bouton pour mettre à jour cette image, il montre le chargement de l'image de haut en bas, comme il lit à partir du web. Est-il possible de n'afficher cette image qu'une fois qu'elle est complètement chargée de sorte que l'utilisateur ne voit pas le chargement de l'image et ne voit que l'image changer instantanément.
Ce n'est pas la réponse à votre question mais avez-vous regardé .load()? son raccourci pour ce que vous essayez de faire ci-dessus. : $ ('# result'). load ('ajax/test.html #container'); Plus d'infos ici: http://api.jquery.com/load/ En ce qui concerne votre question, avez-vous essayé d'insérer l'image via ajax et de l'insérer ensuite? (Je veux dire un autre appel ajax à l'URL de l'image après avoir obtenu l'URL du balisage retourné par votre premier appel) HTH – DannyLane
salut danny, merci pour la réponse, j'ai essayé d'utiliser .load() mais avec les mêmes résultats, je vois encore toutes les données retournées étant affichées pendant le chargement. – niczoom