【JavaScript】 Image对象 缩小图片并输出到一个div层

White_Star 2009-06-02 01:25:53
我的目的是做一个相册。
用JS写的一个更新div层显示的图片的函数。
主要就是通过这个语句来显示图片
$('mainphoto').src = this.getAttribute('rel');

但是这样不能限制图片大小,而我想按比例缩小。
所以 写了这样几句

var x = new Image();
x.src = this.getAttribute('rel');
var y = new Image();
y.src = this.getAttribute('rel');

然后用几个if语句来按比例缩小图片。
我想问怎么才能 改变大小,并且怎样输出到那个div层中。

。。。
...全文
119 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
White_Star 2009-06-03
  • 打赏
  • 举报
回复
只设置一个还是会超出的话呢?
我直接算出缩到范围内的width和height在赋值可以么?
fosjos 2009-06-03
  • 打赏
  • 举报
回复
height和width设置一个,另外一个不要赋值(或者"auto")
White_Star 2009-06-03
  • 打赏
  • 举报
回复
那如果按width缩了还是爆框,就再按height缩么?
White_Star 2009-06-03
  • 打赏
  • 举报
回复
是啊,按比例缩到范围内啊。。然后直接赋值width和height啊。。。
fosjos 2009-06-03
  • 打赏
  • 举报
回复
按比例缩小图片!!!!!!
fosjos 2009-06-02
  • 打赏
  • 举报
回复
var img = document.createElement("img");
img.src = ...;
img.width = ...;//或者只设置height
var div = document.getElementById("d");
div.appendChild(img);

81,114

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧