Web page Standard, IMG does not support the onload tag how to do _javascript

Source: Internet
Author: User

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.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.