Home > Web Front-end > JS Tutorial > JavaScript dynamically changes image size_javascript skills

JavaScript dynamically changes image size_javascript skills

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Release: 2016-05-16 18:51:42
Original
1228 people have browsed it

Recently, due to project needs, when implementing images, if the image is larger than 100 X 100, it will be reduced to 100 X 100. If it is smaller than this, the original image size will be maintained. After research, it was found that it can be easily implemented using Javascript code.
Javascript code:

Copy code The code is as follows:

<script> <br>function resizeImage(obj){if(obj.height>100)obj.height=100;if(obj.width>100)obj.width=100; } <br></script>

Page code:
Copy code The code is as follows:

﹤img src="file :///E|/Pictures/22.jpg" width="385" height="350" onload="resizeImage(this)"﹥

Tested on IE6, Firefox, Google Chrome All work normally.
source:php.cn
Statement of this Website
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
Latest Issues
What are JavaScript hook functions?
From 1970-01-01 08:00:00
0
0
0
What is JavaScript garbage collection?
From 1970-01-01 08:00:00
0
0
0
c++ calls javascript
From 1970-01-01 08:00:00
0
0
0
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template