الطريقة 1:
نسخة الكود كما يلي:
<script type = "text/javaScript">
var obj = new image () ؛
obj.src = "yoursypicurl.jpg" ؛
obj.onload = function () {// يمكن كتابة هذا المكان مرارًا وتكرارًا.
document.getElementById ("mypic"). InnnerHtml = "<img src = '"+this.src+"' />" ؛
}
</script>
<div id = "mypic"> Onloading ... </viv>
الطريقة 2:
نسخة الكود كما يلي:
<script type = "text/javaScript">
var obj = new image () ؛
obj.src = "yoursypicurl.jpg" ؛
OBJ.OnReadyStateChange = function () {
إذا كان (this.readyState == "كامل") {// يمكن كتابة هذا المكان مرارًا وتكرارًا.
document.getElementById ("mypic"). InnnerHtml = "<img src = '"+this.src+"' />" ؛
}
}
</script>
<div id = "mypic"> Onloading ... </viv>
الطريقة 3:
نسخة الكود كما يلي:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
<title> Unted Document </title>
</head>
<script language = "javaScript" src = "/js/jQuery-1.4.4.js" type = "text/javaScript">
</script>
<script language = "javaScript" type = "text/javaScript">
<!-// var total ؛ var curt = 0 ؛ $ (document). ready (function ()
{{
المجموع = $ ("#content img"). الطول ؛
$ ("#content img"). كل (function () {var image = new image () ؛
Image.src = $ (this) .Attr ('src') ؛
if (image.complete) {
ickeloaded () ؛
}
آخر {
image.onload = imageLoaded ؛
}
}) ؛
}) ؛
وظيفة ImageLoaded () {
كورت+= 1 ؛
if (curt == total) {
$ ("#content"). show () ؛
}} //->
</script>
</head>
<body>
<div id = "content" style = "Display: None ؛"
<img src = "" />
<img src = "" />
<img src = "" />
</div>
</body>
</html>