Chargement diaporama

Bonjour,

J'utilise ce script pour un diaporama, il est très bien et tout fonctionne...
Je voudrais y inclure une ligne qui charge les images avant l'execution du script car lors du premier passage, le changement entre images est saccadé.
Quelqu'un peut-il m'aider?

var tab_img = new Array;    
var num=0;                  
 
tab_img[0] = 'jpeg/resto1dia.jpg'
tab_img[1] = 'jpeg/resto2dia.jpg'
tab_img[2] = 'jpeg/resto3dia.jpg'
        
var timer_diapo=setInterval("diaporama('diapo','imagediapo',2000)",5000);
 
function diaporama(divid, imageid, millisec) 
        { 
            var speed = Math.round(millisec / 100); 
            var timer = 0; 
          
            document.getElementById(divid).style.backgroundImage = "url(" + tab_img[num] + ")"; 
 
            changeOpac(0, imageid); 
 
            if (num>(tab_img.length-2))
            {num = -1;}
 
		document.getElementById(imageid).style.backgroundImage = "url(" + tab_img[num+1] + ")"; 
           
           for(i = 0; i <= 100; i++)
           { 
                setTimeout("changeOpac(" + i + ",'" + imageid+ "')",(timer * speed)); 
                timer++; 
           } 
            
         
          num++;
 
        }
 
function changeOpac(opacity, id) 
        {
            var object = document.getElementById(id).style;
            object.opacity = (opacity / 100);
            object.MozOpacity = (opacity / 100);
            object.KhtmlOpacity = (opacity / 100);
            object.filter = "alpha(opacity=" + opacity + ")";
        }

Merci à tous