Javascript 图像而不是复选框工作缓慢

我用图片切换了我的复选框，但现在当我点击其中一个复选框时，选中的img出现需要2秒钟

这只发生在我第一次点击复选框时，第二次等等。它工作得很完美

可能在你点击复选框后，一旦img被加载到网站内存中，它就会顺利工作

有解决办法吗？ 也许当页面加载时，它可以加载任何可选的img作为内存或者类似的东西

提前谢谢

这是我的，用希伯来语写的，但内容不重要

我用重力的形式，但在这种情况下没关系。 下面是代码示例，感谢大家

.DesignCheckBox label {
                   background-repeat: no-repeat;
                   border: 2px solid #DDD;
                           height: 150px!important;
                           font-size: 150%;
                           -moz-border-radius: 20px;
                           -webkit-border-radius: 20px;
                border-radius: 20px; 
                -khtml-border-radius: 20px; 
                                                  }
.DesignCheckBox label:hover {
                   border: 2px solid #000095;
                           background-color:  #F0F7F7;
                           cursor: hand; cursor: pointer;
                                                  }

.HideCheckBox input[type="checkbox"]{display:none!important;}

         li.gchoice_4_1 label {
                       background-image: url(http://doarna.com/wp-content/uploads/2012/09/XCellcom.gif);
                               }

         li.gchoice_4_1 input[type="checkbox"]:checked + label { 
                       background-image: url(http://doarna.com/wp-content/uploads/2012/09/VCellcom.gif);
                       }

         li.gchoice_4_2 label {
                       background-image: url(http://doarna.com/wp-content/uploads/2012/09/XOrange.gif);
                               }

         li.gchoice_4_2 input[type="checkbox"]:checked + label { 
                       background-image: url(http://doarna.com/wp-content/uploads/2012/09/VOrange.gif); 
                       }

---

你说得对，实际上浏览器只加载页面加载时所需的图像。触发其他事件时仅下载所需的图像，下载后将存储在浏览器缓存中。这意味着下次您将获得更快的响应，因为图像现在已在本地计算机上

这里我建议使用display等于none来隐藏图像。在“加载”页面上，为选中的图像设置“显示无”，并在“设置显示”上单击“为选中的图像设置块”

---

如果您需要代码片段，请提供一些代码。

我正在查看您的网站，但是如果发布您为处理复选框而编写的代码，可能会有所帮助。预加载图像，您会没事的。我添加了代码。你能解释一下如何预装吗？谢谢我有很多图片，有没有办法告诉他为这个页面或类似的东西预装所有可能的图片？谢谢你的帮助。我编辑了我的问题，现在它有了代码。我不明白这部分。我会详细解释的。“谢谢”我建议在这里使用“显示等于无”来隐藏图像。在“加载”页面上，为选中的图像设置“显示无”，然后单击“设置显示”以阻止选中的图像