【问题标题】:Isotope sorting images by size?同位素按大小分类图像?
【发布时间】:2014-09-15 01:28:57
【问题描述】:

我在我的作品集中创建了同位素砌体布局,出于某种原因,所有图像都按大小排序。我有 4 种“尺寸”——大、小、水平和垂直。我可以控制哪个图像获得哪个类。我还在 Photoshop 中裁剪了图片,使宽度和高度匹配。

例如我的大图是 100x100 像素,我的小图是 50x50 像素,水平是 100x50 像素,垂直是 50x100 像素。

一切都按原样设置。我有容器,我的同位素函数目标,我有这样的类设置

.container_fullwidth {
    width: 100.4%;
    margin: 0 auto;
}
.small{
    width: 19.9%;
}

.medium_vert{
    width: 19.9%;
}

.medium_horiz{
    width: 39.8%;
}

.big{
    width: 39.8%;
}

而且由于某种原因,我的砌体非常……有序。首先是小图像,然后是垂直和水平,最后是大图像。布局是这样的:

我不知道为什么会这样?就不能再随意一点吗?

同位素有这个功能吗?我在 wordpress 上,并且启用了投资组合插件。在其他情况下(没有砌体),图片没有顺序,我没有这样设置。

【问题讨论】:

    标签: jquery html css masonry


    【解决方案1】:

    我通过实际随机排序将其排序sortBy = 'random';

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-02-25
      • 1970-01-01
      • 2017-03-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-01-01
      • 2013-11-21
      相关资源
      最近更新 更多