Метод 1:
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
var obj = новое изображение ();
obj.src = "yourpicurl.jpg";
obj.onload = function () {// Это место может быть записано многократно.
document.getElementbyId ("mypic"). innnerhtml = "<img src = '"+this.src+"' />";
}
</script>
<div id = ”mypic»> onloading… </div>
Метод 2:
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
var obj = новое изображение ();
obj.src = "yourpicurl.jpg";
obj.onreadystatechange = function () {
if (this.readystate == "overse") {// Это место может быть записано многократно.
document.getElementbyId ("mypic"). innnerhtml = "<img src = '"+this.src+"' />";
}
}
</script>
<div id = ”mypic»> onloading… </div>
Метод 3:
Кода -копия выглядит следующим образом:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> unt назвал документ </title>
</head>
<script language = "javascript" src = "/js/jquery-1.4.4.4.js" type = "text/javascript">
</script>
<script language = "javascript" type = "text/javascript">
<!-// var total; var curt = 0; $ (document) .ready (function ()
{{
total = $ ("#content img"). Длина;
$ ("#content img"). Каждый (function () {var image = new Image ();
image.src = $ (this) .attr ('src');
if (image.complete) {
ImageLoaded ();
}
еще {
Image.onload = ImageLoaded;
}
});
});
функция ImageLoaded () {
curt+= 1;
if (curt == total) {
$ ("#content"). Show ();
}} //->
</script>
</head>
<тело>
<div id = "content" style = "display: none;">
<img src = "" />
<img src = "" />
<img src = "" />
</div>
</body>
</html>