Question

用js设置图片宽度

要做个照片墙，根据照片的长宽比，用js随机图片的长宽，实现类似瀑布流的效果，但不仅仅是长度，宽度也要变，类似拼图的效果，如图：

怎么实现呢

Answer 1

这种情况用CSS来控制最合适。例如你想让初始图片显示为100px*100px，则：
<img src="images/pic.png" width="100" height="100" />

或者：

<img src="images/pic.png" style="width:100px; height:100px" />

当页面中图片非常多，且要求每张图片的大小依据其父容器来固定怎么办？可以使用max-weight：

img {max-weight:100%;}

这样图片会自动缩放到和其父容器等宽。

Answer 2

用js设置图片的宽度需要用选择器找到该图片，然后设置其css样式；
例子：
<img src="1.jpg" width="800" height="300">
这里例子中的图片，宽800像素，高300像素；
通过JS来重新设置其宽度 ：
$(function(){
$("img").css("width","1200px")

})
这里将这个图片宽度改为了1200像素

Answer 3

function fn(w*h){
alert(w*h);
}
var c=fn(3,4);

Answer 4

<script>
var container=document.getElementById("容器");
var dv=container.appendChild(document.createElement("div"));
var img=dv.appendChild(document.createElement("img"));
img.src="路径";//可以使用random函数设置名称的，这样就可以达到随机的效果
img.className="random"+"id";
</script>
<style>
.class{width:auto;height:auto;}
</style>

追问

不是图片内容随机，而是图片样式（宽度、高度、位置）随机，达到大小不同图片拼一起，像拼图的样子

追答

你的图明显不是随机生成的，大小都是事先计算好的，放在一起，你让代码完成随机图片样式可以，怎么可能正好拼接在一起

追问

我就是要给出图片列表，图片的显示宽度要用js随机设置，然后完成拼接的效果。算法中要用到元素（周围图片）边界识别和计算，应该非常复杂，几乎无法实现，要不现在为什么那么流行瀑布流嘛，

Answer 5

用jquery $("#img").attr("width","100px");就行了