Как найти / выбрать высоту изображения из IMG, который я создал в функции jQuery внутри этой функции?

Question

$("img").click(function () {
    $("#galleryImg").html("<img src='images/full_size/" + selectedImg + "' alt='" + selectedImg + "' />");
    var imgHeight = $("#galleryImg img").height();
}

Метод, который я сейчас использую, не работает, и я не могу использовать $ (this), потому что изображение, от которого я хочу получить высоту, отличается от изображения, на которое я нажимаю.И, чтобы еще больше усложнить задачу, изображение, от которого я хочу получить высоту, имеет тег html img, созданный внутри функции.

Весь фрагмент кода соответствующей области показан ниже

$("img").click(function () {
    $("div#blackOut").fadeTo(550, 0.8);
    $("div#whiteBox").fadeTo(550, 1);

    var browserHeight = $(window).height();
    var browserWidth = $(window).width();

    var imgName = $(this).attr("src");

    var imgArray = $(this).attr('src').split('\/');
    var selectedImg = imgArray[imgArray.length-1];

    $("#galleryImg").html("<img src='images/full_size/" + selectedImg + "' alt='" + selectedImg + "' />");

    $("#galleryImg img").load(function() {
        var thatHeight = $("#galleryImg img").height();

        alert(thatHeight);
    });

    var top = (browserHeight - (imgHeight + 50)) / 2;
    var width = imgHeight + 50;
    var marginLeft = -(width / 2);

    var top = top + "px";
    var width = width + "px";
    var marginLeft = marginLeft + "px";

    $("#whiteBox").css("top", top);
    $("#whiteBox").css("width", "width");
    $("#whiteBox").css("margin-left", "marginLeft");
});

Answer 1

Вам нужно подождать, пока изображение загрузится, прежде чем получить его высоту:

$("#galleryImg").html("<img src='images/full_size/" + selectedImg + "' alt='" + selectedImg + "' />");
$("#galleryImg img").load(function() {
    var imgHeight = $(this).height();
});