其实我不知道恰当的词。 我的意思是这种可视化,灵活的图像宽度和高度比例。 (http://www.eecs.mit.edu/people/faculty-advisors)
你们可以帮我实现这个观点吗? 我想展示一些像这样的图像。
是否有一些库或示例代码? 这是用jQuery实现的吗?
提前致谢。
答案 0 :(得分:0)
有两种主要方法可以攻击它。一个是bootstrap的响应式CSS。请参阅此小提琴演示:http://jsfiddle.net/tylergreen/9v296/
<link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<div class="container">
<div class="row">
<div id="grid" class="span9">
<div class="span3">
<img class="img-polaroid" src="http://example.com/image1.jpg" alt=""/>
</div>
<div class="span3">
<img class="img-polaroid" src="http://example.com/image2.jpg" alt=""/>
</div>
etc...
</div>
</div>
</div>
另一种方法是使用jQuery“动态网格”插件,如Masonry。