كيفية التحميل المسبق للصور المستخدمة فقط على التحويم؟

1) استخدام CSS Sprites (هذه هي الطريقة المفضلة).

2) قم بتحميل الصور في div مخفي. ضع الصور في div ثم قم بتعيين CSS الخاص بـ div على display: none; لإخفائها.

3) تحميل الصور مع CSS :

#preloadedImages
{
    width: 0px;
    height: 0px;
    display: inline;
    background-image: url(path/to/image1.png);
    background-image: url(path/to/image2.png);
    background-image: url(path/to/image3.png);
    background-image: url(path/to/image4.png);
    background-image: url();

}

4) استخدام هذا جافا سكريبت

<script language="JavaScript">

function preloader() 
{
     // counter
     var i = 0;

     // create object
     imageObj = new Image();

     // set image list
     images = new Array();
     images[0]="image1.jpg"
     images[1]="image2.jpg"
     images[2]="image3.jpg"
     images[3]="image4.jpg"

     // start preloading
     for(i=0; i<=3; i++) 
     {
          imageObj.src=images[i];
     }
}
</script>