Not getting a variable value?

Question

I am not getting the value of the variable of "img_srt" in load function, can any body helps me?

$(document).ready(function() {
    Get_var();
})

var img_srt='<div>address</div>';   

function Get_var() {
    $("<img />").attr("src","http://www.google.com/intl/en_ALL/images/logo.gif")
        .load(function() {
            if (this.height > 0) {
                img_srt += "<div><img src='http://www.google.com/intl/en_ALL/images/logo.gif'/&gt;&lt;/div&gt;";   
            }
        })
    alert(img_srt);
}

Answer 1

The function which sets img_srt is called asynchronously. That is, it may be executed before or after your alert statement. Likely after, as you're having this problem.

Try something like this:

$('<img/>')
    .attr('src', 'http://www.google.com/intl/en_ALL/images/logo.gif')
    .load(function() {
        var imageLoaded = this.height > 0;

        if(imageLoaded) {
            $(this).appendTo('#myDiv');
        } else {
            $('<p/>').text('Unable to load image').appendTo('#myDiv');
        }
    });