Methode 1:
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
var obj = new Image ();
obj.src = "yourpicurl.jpg";
obj.onload = function () {// Dieser Ort kann wiederholt geschrieben werden.
document.getElementById ("mypic"). InnnerHtml = "<img src = '"+this.src+"' />";
}
</script>
<div id = ”mypic”> Onloading… </div>
Methode 2:
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
var obj = new Image ();
obj.src = "yourpicurl.jpg";
obj.onreadyStatechange = function () {
if (this.ReadyState == "Complete") {// Dieser Ort kann wiederholt geschrieben werden.
document.getElementById ("mypic"). InnnerHtml = "<img src = '"+this.src+"' />";
}
}
</script>
<div id = ”mypic”> Onloading… </div>
Methode 3:
Die Codekopie lautet wie folgt:
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> bis zum Titel "Dokument" </title>
</head>
<script Language = "javaScript" src = "/js/jQuery-1.4.4.js" Typ = "text/javaScript">
</script>
<script Language = "JavaScript" type = "text/javaScript">
<!-// var total; var curt = 0; $ (dokument) .ready (function ()
{{{{
Total = $ ("#content img"). Länge;
$ ("#content img"). Jede (Funktion () {var image = new Image ();
Image.src = $ (this) .attr ('SRC');
if (image.com plete) {
imageLoaded ();
}
anders {
Image.onload = Imageloideed;
}
});
});
Funktion imageloaded () {
Curt+= 1;
if (curt == Total) {
$ ("#content"). show ();
}} //->
</script>
</head>
<body>
<div id = "content" style = "display: keine;">
<img src = "" />
<img src = "" />
<img src = "" />
</div>
</body>
</html>