Home/ Questions/Q 524429
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T08:34:01+00:00

Is this below the right way to preload images? I have a table which

  • 0

Is this below the right way to preload images?

I have a table which changes background once a ‘select option’ is changed.
In the body of my page, I have this:

 <body onload="preload();">

And in my Form on the same page I have:

 <select onchange="swap();"><option bla bla></select>

And the js:

 function preload(){
 pic = new image(720, 65);
 pic.src = '../picture.jpg';
 }
 function swap(){
 document.getElementById("table_id_here").style.backgroundImage = '../picture.jpg';
 }

In the function swap() I guess the picture.jpg file is already preloaded, is that right?

Is there any way to check if the image has actually been cached (preloaded)?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use something like Firebug’s network tool to check if those images are loaded.

    Fiebug
    (source: getfirebug.com)

    I guess your codes should work, anyway this is a popular script used by Dreamweaver for image preloading:

    function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

MM_preloadImages('img1.gif','img2.gif'); //add more if required
    • 0