How to implement a layout like the new layout of google images?

When the width of 开发者_开发技巧the brower is changed, the image's width or height is also changed dynamically, anyone knows how to do it? And I found the image's max height of each rows is not the same. Thank you very much.

I am sure Google's image application is a little more complicated than can be written in a single post, but you could mimic some of the effect with some clever use of jQuery. Here's a quick tutorial on a resizeable image grid using a slider -

Image resize tutorial

You would need to change the trigger from a slider to the resize event, but this has the basics you need.