是否有tumblr的网格主题在横向和纵向方面照片中使用相同像素区域的缩略图? 我发现的几乎所有网格主题都会让您选择多个列(1,2,3)使用{PhotoURL-400}来浏览博客。这导致每幅风景照片占据的面积不到肖像照片的一半,基本上对它们的重要性较低。
The URL width is fixed by tumblr, height varies. Examples here assume 3:2 or 2:3 aspect ratio: URL Landscape Portait 500 500x333(166,500 pixles) 500x750(375,000 pixels) 400 400x267(106,000 pixels) 400x600(240,000 pixels)
我正在寻找的是一个主题,其中风景图像将使用{PhotoURL-500}(500x333)和肖像图像将使用(Photo-URL400或500),这是超过需要,但可以按比例缩小至333x500以覆盖与风景图像相同的区域。这也意味着每行的列数可以根据该行的内容的宽高比而变化。是的,会有间隙(又称空白区域),但使用白色空间可能会很好!
由于
答案 0 :(得分:0)
据我所知,这样的主题并不存在。
使用JavaScript可以实现效果,方法是为每个帖子指定{PhotoURL-500}
和{PhotoURL-400}
,然后计算每张照片的宽高比,并确定要使用的源和基于的渲染大小这一点。
然后,您可以使用Masonry(或简单的CSS float
,如果您想要图中的布局类型)将帖子排列到网格中。