javascript - 变化一个div宽高挤占其他div位置

Question

具体是这样的，类似于一个照片墙，占满整个屏幕，鼠标移上去一个照片后，照片宽高变大（照片不失真），宽，高变为屏幕的一半，同时挤占其他照片的位置，其他照片的宽高平分剩下的宽高长度。
没有思路，有没有大神能不能点拨一下思路。

Answer 1

所有图片用position:absolute或者float浮动定位
float的比较容易，其中一个图片变大会导致其他图片的空间被挤占，但是其他图片排列方式很难控制

position:absolute就比较麻烦，其中一个图标变大，其他的图片定位都要重新计算，但是排列方式控制效果好，实现比较麻烦，一般建议用插件
比如:http://www.jsonenglish.com/pr...可以参考下
貌似要翻墙，看不到可以看github地址
https://github.com/jasonengli...

还有复杂的插件甚至可以ajax的方式实现。。

Answer 2

参照一下瀑布流,你改变了某个图的时候,重新计算和排列.

Answer 3

监听hover事件，并重计算布局