Jquery Pinterest样式布局-当某些图像具有相同高度时

Jquery Pinterest样式布局-当某些图像具有相同高度时,jquery,css,pinterest,masonry,Jquery,Css,Pinterest,Masonry,我正在使用Freewall.js创建Pinterest样式的布局。它看起来不错,除非最上面的一些图像具有相同的高度。然后它看起来像一个网格,而不是一个砖石结构 无论如何,如果具有相同高度的图像彼此相邻,那么它们的高度是否可以改变 我无法控制图像大小,因为它将由第三方上传 我用的是基本的 代码如下: JS: HTML: 谢谢。您能不能不根据图像的高度重新排序,这样就不会有两个高度相同的图像挨着坐?可以这样做吗?很抱歉,我在JS方面没有那么先进,无法对Freewall进行太多的修补,我试过了,但不知

我正在使用Freewall.js创建Pinterest样式的布局。它看起来不错,除非最上面的一些图像具有相同的高度。然后它看起来像一个网格,而不是一个砖石结构

无论如何,如果具有相同高度的图像彼此相邻,那么它们的高度是否可以改变

我无法控制图像大小,因为它将由第三方上传

我用的是基本的

代码如下:

JS:

HTML:


谢谢。

您能不能不根据图像的高度重新排序,这样就不会有两个高度相同的图像挨着坐?可以这样做吗?很抱歉,我在JS方面没有那么先进,无法对Freewall进行太多的修补,我试过了,但不知道如何移动砖块。我必须重新排列html本身吗?谢谢。是freewall打XHR电话还是你打?我想这是我这边的事。嗯。。所以,如果我能在打电话时检查图像尺寸。我能做点什么吗?是的,对我来说,这似乎比尝试扭曲和弯曲插件更容易,如果你在一个新的答案中发布代码,也许不是,那么我们可以帮你看看
var wall = new freewall("#freewall");
        wall.reset({
            selector: '.brick',
            animate: true,
            cellW: 200,
            cellH: 'auto',
            onResize: function() {
                wall.fitWidth();
            }
        });

        wall.container.find('.brick img').load(function() {
            wall.fitWidth();
        });
<div id="freewall" class="free-wall">
        <div class="brick">
            <img src="i/photo/1.jpg" width="100%">
            <div class="info">
                <h3>Freewall</h3>
                <h5>Pinterest layout</h5>
            </div>
        </div>
        <div class="brick">
            <img src="i/photo/2.jpg" width="100%">
            <div class="info">
                <h3>Freewall</h3>
                <h5>Pinterest layout</h5>
            </div>
        </div>
...
</div>