Preeload

[Torsten]

Hallo,

Ich suche ein gutes Preload Script:

z.b. ich habe 15 Bilder auf der Page mit MouseOver.
Ich möchte aber das daß MouseOver erst ausgeführt wird wenn alle Bilder komplet geladen sind
(das gleiche für eine SlideShow .... soll erst starten wenn er alle Bilder in Cache hat)

Alle Bilder haben unterschiedliche Namen aber alle haben die Gleiche größe.

Kann mir da einer Helfen ???

Ich weiß man kann den Cache abfragen oder giebt es eine bessere Lösung ???

cu Torsten T.

[Stefan Muenz]

Hallo Torsten,

Ich suche ein gutes Preload Script:

Ob gut oder nicht, sei dahingestellt, aber das Script von <../../tedg.htm> solltest Du zumindest mal ausprobieren. Erweitern und optimieren kannst Du es dann ja immer noch (so sind die Anwendungsbeispiele ja eigentlich auch gedacht <g>).

viele Gruesse
  Stefan Muenz

[Frank Albrecht]

Lieber Stefan Münz,

leider war das keine Antwort auf die Frage nach dem Preload-Script. Da ich selber grade soetwas suche, wäre es toll, wenn jemand mal eins posten könnte.
Liebe Grüße
Frank

[Frank Albrecht]

Habe folgende Lösung im Internet gefunden:

<script language="JavaScript">
<!--

function WM_preloadImages() {

/*
WM_preloadImages()
Loads images into the browser's cache for later use.

Source: Webmonkey Code Library
(http://www.hotwired.com/webmonkey/javascript/code_library/)

Author: Nadav Savio
Author Email: [e-mail]

Usage: WM_preloadImages('image 1 URL', 'image 2 URL', 'image 3 URL', ...);
*/

// Don't bother if there's no document.images
  if (document.images) {
    if (typeof document.WM == 'undefined'){
      document.WM = new Object();
    }
    document.WM.loadedImages = new Array();
    // Loop through all the arguments.
    var argLength = WM_preloadImages.arguments.length;
    for(arg=0;arg<argLength;arg++) {
      // For each arg, create a new image.
      document.WM.loadedImages[arg] = new Image();
      // Then set the source of that image to the current argument.
      document.WM.loadedImages[arg].src = WM_preloadImages.arguments[arg];
    }
  }
}

// -->

</script>