javascript - 响应式图片库和带砖石结构的空白空间

标签 javascript jquery html css jquery-masonry

我正在尝试使用 masonry jquery 插件制作响应式图片库。 我读了很多文章,包括在这个论坛上,但它不起作用。图库中出现许多空白区域。

我正在尝试使用 Jquery Masonry 和一个简单的 css 和 html

.flow { 宽度:95%;高度:自动;最小高度:500px; margin :0 自动} 。元素 { 底部边距:10px; }

`

<div class="item">
    <img src="http://www.smartynet.com.br/flampic/img/1small.jpg" />
</div>

<div class="item">
    <img src="http://www.smartynet.com.br/flampic/img/2small.jpg" />
</div>
    </div>

我创建了这个 JSFiddle .

我正在尝试建立一个像 flickr 这样的画廊。还有什么其他最好的方法吗? 请问有人可以帮助我吗?

最佳答案

你能试试 Flex Slider 的响应式图片库吗 http://flexslider.woothemes.com/或尝试 http://lokeshdhakar.com/projects/lightbox2/ 或者 http://fancybox.net/

关于javascript - 响应式图片库和带砖石结构的空白空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17367186/

相关文章:

html - 覆盖 html/css 中的图像

javascript - 使用 NodeJS 和 Socket.io 的 CPU 密集型任务架构

javascript - Flickr 的视差滚动如何工作?

javascript - Bootstrap 4 导航栏不会在大屏幕上折叠

javascript - Materialize:通过 js/jquery 激活可折叠标题

javascript - jQuery .css ('margin-left' ) 在 IE7 和 IE8 中返回 "auto"

html - 使图像在其他图像下方对齐

javascript - 获取原始变量值

javascript - node.js 全局配置

javascript - d3词云指定个别词颜色