Metode 1:
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
var obj = gambar baru ();
obj.src = "yourpicurl.jpg";
obj.onload = function () {// Tempat ini dapat ditulis berulang kali.
document.geteLementById ("mypic"). innnerHtml = "<img src = '"+this.src+"' />";
}
</script>
<Div id = "mypic"> onloading ... </div>
Metode 2:
Salinan kode adalah sebagai berikut:
<type skrip = "Teks/JavaScript">
var obj = gambar baru ();
obj.src = "yourpicurl.jpg";
obj.onreadystatechange = function () {
if (this.readyState == "complete") {// Tempat ini dapat ditulis berulang kali.
document.geteLementById ("mypic"). innnerHtml = "<img src = '"+this.src+"' />";
}
}
</script>
<Div id = "mypic"> onloading ... </div>
Metode 3:
Salinan kode adalah sebagai berikut:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<title> unt judul dokumen </iteme>
</head>
<skrip bahasa = "javascript" src = "/js/jQuery-1.4.4.js" type = "text/javascript">
</script>
<bahasa skrip = "javascript" type = "text/javascript">
<!-// var Total; var curt = 0; $ (dokumen) .ready (function ()
{{
total = $ ("#konten img"). panjang;
$ ("#konten img"). masing -masing (fungsi () {var image = gambar baru ();
image.src = $ (this) .attr ('src');
if (image.complete) {
Imageloaded ();
}
kalau tidak {
Image.onload = Imageloaded;
}
});
});
fungsi imageloaded () {
Curt+= 1;
if (curt == total) {
$ ("#konten"). Show ();
}} //->
</script>
</head>
<body>
<div id = "content" style = "display: none;">
<img src = "" />
<img src = "" />
<img src = "" />
</div>
</body>
</html>