Javascript 当.show jQuery命令显示父div时，加载隐藏在多个div中的图像

我在ASP站点上运行了一个jQuery脚本，当select表单的id与div的id匹配时，它会显示隐藏的div：

$(document).ready(function(){
    $('select[name$="_77"]').change(function() {
        $(".select_77").hide();
        $(".select_77[id='" + this.value + "']").show();
    })
})

对于此示例，表单被截断为仅一个选项：

<select name="option____jdfhj387___77">
    <option value="1922">Raisins</option>
</select>

葡萄干

这是众多未被隐藏的div之一：

<div id="select_image">
    <div class="select_77" id="1922" style="display:none;">
        <div class="border">
            <div class="content">
                <img src="photos/option/1922.jpg">
            </div>
        </div>
    </div>
</div>

---

照片是中等大小的，当我有200多张照片时，页面加载大约需要20-30秒。是否只有在父div可见时才加载图像，而不必手动将每个图像url放入脚本中？

好的，我经过几个小时的研究后找到了答案

我找到并添加了代码，该代码使用表单下选择的匹配ID重命名img标记的属性

$(document).ready(function(){
    $('select[name$="_77"]').change(function() {
        $(".select_77").hide();
        $(".select_77[id='" + this.value + "']").show();
        $("img.option[realsrc][id='" + this.value + "']").each(function() {
            var $t = $(this);
                $t
                .attr({
                    src : $t.attr('realsrc') /* Copies realsrc attribute and makes a src attribute*/
                })
                .removeAttr('realsrc'); /* Deletes the realsrc attribute */
    });
    })
})

然后我添加了class=“option”和id=“#”，并将src=重命名为realsrc=

<img class="option" id="1922" realsrc="photos/option/1922.jpg">

---

现在，当有人选择与图像ID匹配的选项时，图像的realsrc将重命名为src，它将下载并显示

你不是最近问了几乎完全相同的问题，然后在人们试图帮助你时删除了该问题吗？我删除了该问题，因为我无意中单击了“发布问题”，并在我的浏览器中单击了“停止”，而没有意识到该问题已经发布。编辑该问题会更好。在你上一个问题上有一些有用的评论和答案。当我在我的浏览器顶部有一个橙色的大横幅说这个问题被删除时，我正建议把SRC放在一个数据属性中。我道歉，通常它说“你不能删除这个问题，因为已经有回应了”，所以我想我是清楚的。