Web page standards, IMG does not support the onload label how to do
I remember someone asked me before, but I didn't notice that at the time. Now I finally have this problem. Because the IMG tag is not an onload event. So the UBB code in the IMG used by the onload to deal with large pictures for adaptive, this approach can not be taken.
But after testing, the body can still bring the OnLoad event, so I solve the problem is in the page after all loading and then processing too large picture.
So I used JS to write a simple code
Related code
function Reimgsize () {
for (j=0;j<document.images.length;j++)
{
Document.images[j].width= (document.images[j].width>420)? " 420 ":d ocument.images[j].width;
}
}
Then add onload= to the Body "reimgsize ()" on it.
Tested and passed on Mozilla and ie.
Here to add about the image of the adaptive, this point Mozilla do better than IE, because you can use CSS to control the adaptive image.
We all know that Mozilla supports a max-width CSS syntax. So we define the global style of the picture
Related code
img{
Max-width:100%;height:auto;
}
This way the picture is automatically adapted to its size in a div or table.