Bir düğmeye tıklayarak dağıtılmış olan gizli bir iletişim formu var. Alanları CSS arka plan görüntüsü olarak ayarlanır, ve her defasında biraz daha yükseğe edilmiştir div daha fazla gibi görünüyor.

Hiç şans önbelleği temizledim sonra () <head> Bu bölümde, ama bu parçacık kullanıyordum

<script>
$(document).ready(function() {
        pic = new Image();
        pic2 = new Image();
        pic3 = new Image();
        pic.src="<?php bloginfo('template_directory'); ?>/images/inputs/input1.png";
        pic2.src="<?php bloginfo('template_directory'); ?>/images/inputs/input2.png";
        pic3.src="<?php bloginfo('template_directory'); ?>/images/inputs/input3.png";
});
</script>

Benim kütüphane olarak jQuery kullanıyorum. eğer bu konuyu düzenlemek için kullanın yapabilseydim çok iyi olurdu.

Senin anlatımın yine için teşekkürler.

Önyükleme görüntüleri sadece CSS kullanarak

body:after{
    display:none;
    content: url(img01.png) url(img02.png) url(img03.png) url(img04.png);
}

Ama daha iyi sprite image http isteklerini azaltmak için kullanın
(eğer nispeten küçük ise çok boyutlu resimleri var)