圖像而不是復選框工作緩慢

Question

我用圖像切換了我的復選框，但是現在當我點擊其中一個復選框時，它需要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); 
                       }

Answer 1

您說得對，實際上，瀏覽器僅加載頁面需要在頁面加載時提供的那些圖像。 僅觸發其他事件時，除了下載所需的圖像外，其他事件一旦下載便會存儲在瀏覽器緩存中。 這意味着下次您將獲得更快的響應，因為圖像現在位於本地計算機上。

我在這里建議的是使用等於顯示的顯示來隱藏圖像。 在頁面加載集集上，對選中的圖像不顯示任何內容，在點擊集上顯示時，對選中的圖像不顯示。

如果需要片段，請提供一些代碼。