推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
这是一个创建于 3453 天前的主题，其中的信息可能已经有所发展或是发生改变。
有许多尺寸各异的png图片，需要在一个固定尺寸的div内通过一个img(id="pic")显示。
图片之间通过函数切换，输入参数通过文本框获取。
function display(id){
document.getElementById("pic").src=id+".png"
}
第一个图片能按原尺寸显示，再切换之后的图片的尺寸则变成与第一个相同了。
注意到CSS样式里出现了!important后缀，我尝试在display函数内尝试重设pic尺寸，但是不管用。
图片之间通过函数切换，输入参数通过文本框获取。
function display(id){
document.getElementById("pic").src=id+".png"
}
第一个图片能按原尺寸显示，再切换之后的图片的尺寸则变成与第一个相同了。
注意到CSS样式里出现了!important后缀，我尝试在display函数内尝试重设pic尺寸，但是不管用。
第 1 条附言 · 2015-06-12 21:41:01 +08:00
已自行解决。捣鼓了3小时
 |
1
webjin 2015-06-13 11:28:51 +08:00
还行吧
|
 |
2
cctrv 2015-06-13 19:16:06 +08:00
不知道你的 CSS 怎么写。
但是，应该是这样的。 src=id+".png"+"?"+id；（防缓存） CSS: width: 固定值px; height: auto; |
 |
3
Exin OP @cctrv 这样写不行呢……
我最后用setAttribute('style','width:auto !important;height:auto !important;)以及一段获取原文件尺寸的js搞定的 |
Select Language