在网页中重定义图片宽度 javascript解决方案
日期：2014-05-16 浏览次数：20346 次
在网页中重定义图片宽度 javascript
在网页中重定义图片宽度 javascript
从mysql数据库中读取内容，内容中有img标签，标签定义了sytle，width，height。怎么用javascript重新定义以下img的width，height属性。
使用
function resize_image()
{
var target = document.getElementsByName( 'target_resize_image[] ');
var image_width = parseInt( ' <?=$board[bo_image_width]?> ');
var image_height = 0;
for(i=0; i <target.length; i++) {
target[i].tmp_width = target[i].width;
target[i].tmp_height = target[i].height;
if(target[i].width > image_width) {
image_height = parseFloat(target[i].width / target[i].height)
target[i].width = image_width;
target[i].height = parseInt(image_width / image_height);
}
}
}
window.onload = resize_image;
此函数无效。察看显示页面源代码如下。
望高手帮忙看下。
<IMG style= "WIDTH: 375px; CURSOR: pointer; HEIGHT: 500px "
onclick=image_window(this)
src= "./img/03_copy2.jpg "
name=target_resize_image[]>
------解决方案--------------------
这个
<body>
<table border=1>
<tr>
<td width=200 height=10> <image src= "http://hiphotos.baidu.com/jetyinghuochong/abpic/item/8ab81b3f273887ef54e72390.jpg " style= "width:expression(this.parentNode.width);height:expression(this.parentNode.height) "> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
------解决方案--------------------
我看了下,方法好像没什么问题,
似乎是onclick里面的方法名写错了~
onclick= 'image_window(this) '
resize_image()
在网页中重定义图片宽度 javascript
从mysql数据库中读取内容，内容中有img标签，标签定义了sytle，width，height。怎么用javascript重新定义以下img的width，height属性。
使用
function resize_image()
{
var target = document.getElementsByName( 'target_resize_image[] ');
var image_width = parseInt( ' <?=$board[bo_image_width]?> ');
var image_height = 0;
for(i=0; i <target.length; i++) {
target[i].tmp_width = target[i].width;
target[i].tmp_height = target[i].height;
if(target[i].width > image_width) {
image_height = parseFloat(target[i].width / target[i].height)
target[i].width = image_width;
target[i].height = parseInt(image_width / image_height);
}
}
}
window.onload = resize_image;
此函数无效。察看显示页面源代码如下。
望高手帮忙看下。
<IMG style= "WIDTH: 375px; CURSOR: pointer; HEIGHT: 500px "
onclick=image_window(this)
src= "./img/03_copy2.jpg "
name=target_resize_image[]>
------解决方案--------------------
这个
<body>
<table border=1>
<tr>
<td width=200 height=10> <image src= "http://hiphotos.baidu.com/jetyinghuochong/abpic/item/8ab81b3f273887ef54e72390.jpg " style= "width:expression(this.parentNode.width);height:expression(this.parentNode.height) "> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
------解决方案--------------------
我看了下,方法好像没什么问题,
似乎是onclick里面的方法名写错了~
onclick= 'image_window(this) '
resize_image()
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
