xfoto: Ladeanzeige bis nächste Grafik geladen ist

Beitrag lesen

Hallo!

Versuche HIER gerade, meine Website ein wenig umzubauen. Die Funktionalität passt mir persönlich so weit.

ABER:
Je nach Verbindungsgeschwindigkeit bzw. Dateigröße der einzelnen Fotos kann das Anzeigen des nächsten Fotos eine Weile dauern. Beim Versuch mit ein paar Leuten ergab sich jedesmal das Problem, dass - unwissend - wegen verzögerter Nachladung öfters "ungeduldig" weitergeklickt wurde womit dann einige Fotos übersprungen wurden. Die Leute gaben danach an, dass sie schon gewartet hätten wenn ihnen gezeigt worden wäre, dass erst geladen werden muss.

So weit so schlecht:
Ich suche mir den A.... wund aber ich finde keinen für mich hilfreichen Tipp, der mir IN ETWA zeigt, in welche Richtung ich die Anzeige eines Ladebalkens realisieren kann.

Es ist mir klar: Ladeanzeige-gif als Hintergrund dorthin, wo das Foto sitzt, und für die Zeit des Nachladens die Deckkraft des aktuellen Fotos auf null oder auf invisible oder dergleichen setzen.

***** Aber WIE ich das in mein Galerie-JS reinbringe .... Hilfe ;-) *****

So ist der IST-Stand:

fotos = new Array  
var i = 1  
  
//Mausklick für voriges oder nächstes Foto  
function voriges()  
{ if (i != 1) { i --; } else { i = AnzPic; }  
  zaehlen ();  
}  
function naechstes()  
{ if (i != AnzPic) { i ++; } else { i = 1; }  
  zaehlen ();  
}  
  
//"aktives_foto" in HTML mit neuem Foto ersetzen  
function zaehlen()  
{ document.aktives_foto.src = fotos[i]; }  

im HTML-Teil:
<img id="foto" alt="" name="aktives_foto" src="fotos/menschen/01.jpg">