Utiliser la fonction slideDown après chargement de l'image

Question

J'utilise la bibliothèque gpgraph pour dessiner des graphiques. J'ai besoin de dinamicaly créer des graphiques, donc j'utilise jquery pour cela.

Regardez ce script s'il vous plaît

$("#graph").click(function(u) 
{ 
    var f = 502; //just for example 
    $("#graph_content").html('<img src="mygraph.php?value1='+f+'" />'); 
    $("#graph_content").slideDown(600); 
    u.stopPropagation(); 
}); 

dans mygraph.php i générer l'image de graphique, dépendent de value1.

mais j'ai besoin de slideDown() le div avec l'image après le chargement. dans mon cas, quand il charge une image, il glisse déjà sur un div, donc je perds l'effet que je voulais. je ne peux pas imaginer comment puis-je utiliser la méthode load ici?

peut-être vous me aider :)

Merci

Answer 1

$("#graph").click(function(u) { 
    var f = 502; 
    $("#graph_content").html('<img src="mygraph.php?value1='+f+'" id="image" />'); 
    $("#image").load(function(){ 
    $("#graph_content").slideDown(600); 
    }); 
    u.stopPropagation(); 
});​ 

ou cela devrait aussi fonctionner:

$("#graph").click(function(u) { 
    var f = 502; 
    $('<img src="mygraph.php?value1='+f+'" />') 
    .load(function(){ 
     $("#graph_content").slideDown(600); 
    }) 
    .appendTo("#graph_content"); 

    u.stopPropagation(); 
});​ 

Si l'élément #graph_content est vide.