Исчезновение изображения после загрузки с помощью load()

Question

Я пытаюсь добавить изображение после загрузки изображения (и некоторого HTML, окружающего его) с помощью jQuery load();. Я понимаю, что я должен использовать обратный вызов на load (); но я не знаю, как настроить таргетинг изображения в обратном вызове. Упрощенный код ниже:

JQuery

$(".load-post").click(function(){
    var post_link = $(this).attr("href");
    $("#image-container").load(post_link,function(l){
        $(this).load(function(e){
            $(this).fadeIn(1000); //?
        });
    });
    return false;
});

Контейнер

<div id="image-container"></div>

Загруженный контент

<figure><img src=/images/image.jpg"></figure>

Как мне "подойти" к <img> после загрузки это?

Answer 1

Из этой проблемы я понимаю, что вы хотите загрузить изображение после того, как Ajax загрузил какой-то фрагмент контента.

$(".load-post").click(function(){
        var post_link = $(this).attr("href");
        $("#image-container").load(post_link,function(l){
        //This function is triggered after your content has loaded successfully inside your #image_container.
        //Suppose you have an image <img id="after_fadein" src="loadme.png" />
        //Now simply fade In the image using DOM manipulation.
        $('#after_fadein').fadeIn(1000);
            });
        });
    });`