search

Home  >  Article  >  Web Front-end  >  Relevant code to control image size in web pages_JavaScript

Relevant code to control image size in web pages_JavaScript

WBOY
WBOYOriginal
2016-05-16 19:29:231038browse

1. Drag with the mouse to change the size



２ , Use mouse scrolling to control picture size

３. Use code to control the size of the image tag
After testing, this needs to be modified, otherwise the image will display the original size when the web page is refreshed.

４. CSS control image size
1. css2 direct implementation: img{max-width: 500px;} (IE is not supported yet)
2. Expression implementation: img{width:expression(width>500?"500px":width);} (IE only)
3. Use js. Method: Use document.getElementsByTagName("IMG") to get all img elements Traverse the img element to determine its width and perform corresponding operations
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Use or || to be compatible with FireFox_JavaScriptNext article：Use or || to be compatible with FireFox_JavaScript

Related articles

See more