<script language="JavaScript"
type="text/javascript">
<!--
function preload_start() {}
//-->
</script> <script language="JavaScript1.2"
type="text/javascript">
<!--
// Liste der Bilder
var preload_images =
[
"bild1.gif",
"bild2.jpg",
]
// intern benoetigte Parameter
var load_next = 500 // Zeit in ms zwischen zwei Ladevorgaengen
var pos_array = 0
// Ladefunktion
function preload()
{
// Naechstes Bild laden
var new_image = new Image()
new_image.src = preload_images[pos_array]
// Noch Bilder zu laden?
pos_array++
if(pos_array < preload_images.length)
setTimeout('preload()', load_next)
}
// Start der Vorladefunktion
function preload_start()
{
// Bilder vorhanden?
if(preload_images.length == 0)
return
// Pruefroutine starten
setTimeout('preload()', load_next)
}
// -->
</script>
Bilder und Grafik vorladentype="text/javascript">
<!--
function preload_start() {}
//-->
</script> <script language="JavaScript1.2"
type="text/javascript">
<!--
// Liste der Bilder
var preload_images =
[
"bild1.gif",
"bild2.jpg",
]
// intern benoetigte Parameter
var load_next = 500 // Zeit in ms zwischen zwei Ladevorgaengen
var pos_array = 0
// Ladefunktion
function preload()
{
// Naechstes Bild laden
var new_image = new Image()
new_image.src = preload_images[pos_array]
// Noch Bilder zu laden?
pos_array++
if(pos_array < preload_images.length)
setTimeout('preload()', load_next)
}
// Start der Vorladefunktion
function preload_start()
{
// Bilder vorhanden?
if(preload_images.length == 0)
return
// Pruefroutine starten
setTimeout('preload()', load_next)
}
// -->
</script>
Mit diesem Script können mehrere Bilder im Hintergrund vorgeladen werden. Die Grafiken werden dann den Cache des Browsers geladenund sind dann bei aufruf schon vorhanden.
Das Javascript zu zum Vorladen von Bildern kann man auf Seiten benutzen auf denen sich ein User etwas länger aufhällt.
Beispielsweise wenn es auf einer Startseite einen FlashAnimation gibt, könnte man die Zeit zum Vorladen nutzen.
in dem Script können beliebig viele Grafiken geladen werden, dabei muß nur der Pfad zu den einzelnen bildern in das Script eingetragen werden.
Aufgerufen wird dieses Javascript dann den onload Befehl im Body Tag
onload="preload_start()"