我想emmulate如下:Google+的样式图片廊
任何想法如何?基本上所有的照片都具有相同的高度,并且照片被动态地排列/裁剪/调整大小以适合行,所以没有锯齿状的边向左或向右。如果您调整浏览器窗口的大小,它也会调整照片的大小以适合。我已经尝试过同位素和jquery砌体,既不给我这种效果。
我想emmulate如下:Google+的样式图片廊
任何想法如何?基本上所有的照片都具有相同的高度,并且照片被动态地排列/裁剪/调整大小以适合行,所以没有锯齿状的边向左或向右。如果您调整浏览器窗口的大小,它也会调整照片的大小以适合。我已经尝试过同位素和jquery砌体,既不给我这种效果。
我只是实现这事。以下是我做的:
有些事情我不得不考虑:
总的来说,图片库效果不错,他是一个截图。
流体网格系统将帮助你在这种情况下: http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem
也许我很厚,但我看不出这是如何涉及到的问题。 – David 2012-03-09 09:49:15
这将帮助您获得“行”和不同大小的图像的外观。您需要使用更多代码才能获得功能,但可以使用引导程序网格系统完成布局。如果还不清楚 - 请告诉我。 – 2012-03-11 10:28:54
我的一位同事与一些企鹅劫持了我的培根画廊。 – 2012-03-23 21:27:21