Método 1:
La copia del código es la siguiente:
<script type = "text/javaScript">
var obj = nueva imagen ();
obj.src = "yourpicurl.jpg";
obj.onload = function () {// Este lugar se puede escribir repetidamente.
document.getElementById ("mypic"). innnerhtml = "<img src = '"+this.src+"' />";
}
</script>
<div id = "mypic"> onloading ... </div>
方法二:
La copia del código es la siguiente:
<script type = "text/javaScript">
var obj = nueva imagen ();
obj.src = "yourpicurl.jpg";
obj.onreadyStateChange = function () {
if (this.readyState == "Complete") {// Este lugar se puede escribir repetidamente.
document.getElementById ("mypic"). innnerhtml = "<img src = '"+this.src+"' />";
}
}
</script>
<div id = "mypic"> onloading ... </div>
Método 3:
La copia del código es la siguiente:
<! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transicional.dtd ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> un documento titulado </title>
</ablo>
<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()
{
Total = $ ("#Content IMG"). Longitud;
$ ("#content img"). Cada (function () {var image = new image ();
image.src = $ (this) .attr ('src');
if (image.complete) {
imageLoaded ();
}
demás{
image.onload = imageLoaded;
}
});
});
function imageLoaded(){
Curt+= 1;
if (curt == total) {
$ ("#contenido"). show ();
}} //->
</script>
</ablo>
<Body>
<div id="content" style="display:none;" >
<img src = "" />
<img src = "" />
<img src = "" />
</div>
</body>
</html>