JQuery: как получить доступ к внешней переменной?

Я нахожусь в ситуации, которую необходимо решить таким образом; нужно преобразоватьlocal variable кglobal variable, Есть пример, возвращающий реальную ширину и высоту изображения, из которого я нашел этот метод.this answer..

Нужно конвертировать местные varialbespic_real_height а такжеpic_real_width глобальные переменные с возвратом их истинных значений.

Вот jsFiddle.

CSS:

img { width:0px; height:0px; }​

JQuery:

console.log($('.imgCon img').height());//returns 0

var img = $('.imgCon img')[0]; // Get my img elem
var pic_real_width, pic_real_height;
$('<img/>').attr('src', $(img).attr('src')).load(function() {
        pic_real_width = this.width;   
        pic_real_height = this.height;

        console.log( pic_real_width + 'x' + pic_real_height );
        // -- returns true 570x320 --
});
//problem starts here:
console.log( pic_real_width + 'x' + pic_real_height );
//returns undefined
// need to return this as an global variable 570x320

Ответы на вопрос(2)

Ваш ответ на вопрос