использование slideDown после загрузки изображения

Question

i use gpgraph библиотека для рисования диаграмм. Мне нужно динамически создавать графики, поэтому я использую jquery для него.

Посмотрите на этот скрипт пожалуйста

$("#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(); 
}); 

в mygraph.php я генерировать изображение графика, зависит от value1.

, но мне нужно, чтобы slideDown() div с изображением после его загрузки. в моем случае, пока он загружает изображение, он уже соскальзывает вниз div, поэтому я теряю эффект, который мне нужен. Я не могу себе представить, как я могу использовать метод load здесь?

может быть, ты мне поможешь :)

Благодаря

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(); 
});​ 

или это должно работать:

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

    u.stopPropagation(); 
});​ 

Если элемент #graph_content пуст.