.NET社区
控制图片大小 图片不显示
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区在显示的时候JS控制图片大小（宽度，高度），页面有3个按钮A B C 一个图片显示 img
比如点A 显示图片 A.JPG 点B 显示图片 B.JPG 点C 显示图片C.jpg
现在问题是第一次访问这张图片时都不会显示，要刷新下或访问后再访问才会显示。
(不用JS控制的话第一次访问也可以显示)
上网搜资料还是找不到问题。清空缓存也没用~
个人感觉原因：
可能是点击更换图片SRC时图片还没加载进来，所以不显示；
JS代码有问题;
....
请各位支个招，怎么解决啊？
比如点A 显示图片 A.JPG 点B 显示图片 B.JPG 点C 显示图片C.jpg
现在问题是第一次访问这张图片时都不会显示，要刷新下或访问后再访问才会显示。
(不用JS控制的话第一次访问也可以显示)
上网搜资料还是找不到问题。清空缓存也没用~
个人感觉原因：
可能是点击更换图片SRC时图片还没加载进来，所以不显示；
JS代码有问题;
....
请各位支个招，怎么解决啊？
function view(){
var $img = new Image();
var x = document.getElementById("img4");
$img.src = x.src;
var $w, $h, wContainer, hContainer;
wContainer = 200;
hContainer = 200;
$w = $img.width;
$h = $img.height;
if ($w > wContainer) {
$h = $h * (wContainer / $w);
$w = wContainer;
if ($h > wContainer) {
$w = $w * (hContainer / $h);
$h = hContainer;
}
} else if ($h > hContainer) {
$w = $w * (hContainer / $h);
$h = hContainer;
if ($w > wContainer) {
$h = $h * (wContainer / $w);
$w = wContainer;
}
}
x.style.width = $w;
x.style.height = $h;
}
...全文
