照片库 - 动态确定图像的宽度/高度以最大化视图

时间:2010-10-28 23:42:57

标签: jquery css html5

我正在建立一个照片库。照片库由用户上传的图像组成。这些上传内容已调整大小,可以是任意尺寸,100x100,2500x2500。

“我的照片库”视图页面为“流体”,表示页面的宽度不固定。

在照片库页面中,我显示原始图像已更新 - 没有调整大小(虽然我用于其他目的,缩略图等)......

我想做的是,以最大可能尺寸显示图像,以便尽可能使用页面的所有空间。

现在我有:     最大宽度:600px;     最小高度:100px;     min-width:100px;

问题是如果我摆脱了最大宽度,那么图像就会溢出页面。

有什么想法吗?

由于

2 个答案:

答案 0 :(得分:0)

以百分比给出最大宽度和最大高度的尺寸可能会有所帮助。

答案 1 :(得分:-1)

抱歉,我无法理解你想要的东西但是  确定jquery中元素的宽度

var wid=$('#id').width();

你可以动态改变图像的宽度(假设你需要100X100)

 var x=100;
 $(#id).css({width:x,height:x});