0

我用图像切换了我的复选框，但是现在当我点击其中一个复选框时，它需要 2 秒才能显示选中的 img。

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

可能在您将 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); 
                       }
4

1 回答 1

0

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

我在这里建议的是使用 display 等于 none 来隐藏图像。在页面加载集设置为检查图像不显示，单击设置显示以阻止检查图像。

如果你想要这些片段，请提供一些代码。

于 2012-09-30T09:26:47.120 回答