チェックボックスを画像に切り替えましたが、チェックボックスの1つを押すと、チェックされた画像が表示されるまでに2秒かかります。
これは、チェックボックスを最初に押したとき、2番目などにのみ発生しました。完璧に機能します。
おそらく、img が Web サイトのメモリに読み込まれたら、チェックボックスをオンにすると、スムーズに動作します。
そのための解決策はありますか?おそらく、ページが読み込まれると、そのメモリなどにオプションの img を読み込むことができます。
前もって感謝します。
これは私のウェブサイトです。ヘブライ語ですが、内容は関係ありません。
私は Gravity Form を使用していますが、この場合は問題ありません。コードのサンプルは以下のとおりです。すべての団体に感謝します。
.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);
}