在Wordpress中预加载AJAX图像/内容

Question

我正在使用AJAX在点击标题时将我的Wordpress帖子加载到索引页面 - 就像手风琴一样。问题是，大多数帖子都包含大量大图像，一旦AJAX功能运行，它们需要很长时间才能显示，所有你看到的是在图像开始加载之前叠加的图像标题。

有没有办法可以预加载AJAX添加的内容，所以当用户点击标题时图片加载速度超快？

以下是我正在使用的AJAX代码。非常感谢所有帮助。提前谢谢！

        $("a.exhibitionInformation").on("click", function(event) {

        var exhibitionContainer = $(this).parent(".exhibition");
        var url = $(this).attr("href");
        var doc = $(this).next(".exhibitionDocuments");
        var title = convertToSlug($(this).text().split("\n")[1]);
        var slug = $(this).attr("data-slug");
        $(this).toggleClass("selected");

        if($(doc).is(':not(:hidden)')) {
            $(doc).slideToggle();
        } else {            


            $.ajax({
                url: url,
                type: "GET",
                success: function(data) {
                    var content = $(data).find(".single-document");                 
                    $(doc).append(content).slideToggle(300);                    
                    $("html, body").animate({ scrollTop: exhibitionContainer.offset().top - 26 });
                    window.location.hash = slug;
                }           
            });

        }

        event.preventDefault();
    });