按下“显示更多”按钮时，加载更多图像

Question

此时我有一个按钮，当您按“显示更多”按钮时，我可以显示更多图像：

$(function(){
    $("#gallery li").slice(0, 10).show();
    $("#loadMore").click(function(e){
        e.preventDefault();
        $("#gallery li:hidden").slice(0, 10).show();
        if($("#gallery li:hidden").length == 0){
            alert("No more images");
        }
    });
});

它运行正常，但是当您第一次进入网站时，所有图像都会被加载。我想知道是否有一种方法可以不预先加载所有图像，但只显示10个，当有人按下“显示更多”时，实际上会加载更多图像而不显示？

由于