Sarah: Bildergallerie preload?

Beitrag lesen

Hallo
Ich arbeite zurzeit mit einer ImgGallerie (Java vs. html), das sieht folgendermassen aus:

<script type="text/javascript">
  var myImages = new Array();
 myImages[1] = { 'src' : 'pics/Projekte/bootsbau.jpg',
                'dsc' : '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' };
 myImages[2] = { 'src' : 'pics/Projekte/1_1_8.jpg',
                'dsc' : 'Fertiges Boot: Zur Sicherheit beim Kentern dienen Schwimmhilfen, die im Bug und Heck untergebracht sind.' };
myImages[3] = { 'src' : 'pics/Projekte/1_1_9.jpg',
                'dsc' : 'Die diagonal gespannten Sitzgurten lassen sich unterschiedlich montieren.' };
myImages[4] = { 'src' : 'pics/Projekte/1_1_10.jpg',
                'dsc' : 'Fertig zum Wassern.' };

var maxValue = myImages.length - 1;
  var intValue = 1;
  function gallerie(charValue) {
  if(charValue == 'c') {
    document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[intValue].src + "'><p>" + myImages[intValue].dsc + "</p>";
   }
   else if(charValue == '+') {
    if(intValue == maxValue) {
     document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[1].src + "'><p>" + myImages[1].dsc + "</p>";
     intValue = 1;
    }
    else {
     document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[intValue + 1].src + "'><p>" + myImages[intValue + 1].dsc + "</p>";
     intValue = intValue + 1;
    }
   }
   else if(charValue == '-') {
    if(intValue == 1) {
     document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[maxValue].src + "'><p>" + myImages[maxValue].dsc + "</p>";
     intValue = maxValue;
    }
    else {
     document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[intValue - 1].src + "'><p>" + myImages[intValue - 1].dsc + "</p>";
     intValue = intValue - 1;
    }
   }
  }

</script>

<div id="logo"></div>

<body onLoad="gallerie('c')">

<div id="imgGallerie"></div>
<div id="links"><a href="#" onClick="gallerie('-')"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#420032"><</font></a></div>
<div id="rechts"><a href="#" onClick="gallerie('+')"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#420032">></font></a></div>

</body>

Meine Frage nun, gibt es eine möglichkeit, dass die Bildergallerie sich vorläd? Was mich eben stört ist, dass die Bezeichnungen der Bilder, wenn man vorwärts klickt, zuerst oben erscheinen, solang, bis sich das Bild läd. Das ist zwar nur kurz, aber trotzdem leicht unprofessionell..

Kann mir da jemand helfen?
Da wäre ich doch sehr verbunden

mfg, Sarah