【问题标题】:HTML/Javascript Tiling Images? [closed]HTML/Javascript 平铺图像? [关闭]
【发布时间】:2013-10-14 11:55:14
【问题描述】:

想知道我是否有图像数据的动态列表,是否有任何库或技术可以平铺数据列表。请记住,我不知道列表有多长,但假设它至少是一个(平铺)行的元素。

例如像这样的东西

【问题讨论】:

标签: javascript html css


【解决方案1】:

我会制作一个网格或预先构建的表格,其中包含一行,以及您想要的图像数量。然后,当您获取图像时,获取计数并动态添加行,使用图像的索引将其放入单元格/td 的索引中。将是一条不错的路线,直到您找到一个图书馆(如果有的话)。虽然,有时,如果它不是一个巨大的“重新发明轮子”类型的 sn-p,那么为它编写自己的代码会有一些好处。 :) 希望对您有所帮助。

顺便说一下,jQuery Masonary 和 Responsive Photo Grid 是一些你可以研究的库。这是给你的相关帖子:Mosaic Grid gallery with dynamic sized images

【讨论】:

  • 另一个值得一看的好图书馆是同位素 - isotope.metafizzy.co
  • 我刚刚发布了一个。一个快速的谷歌搜索显示了从堆栈对话返回的结果。我只是从来不需要使用这种风格,所以不知道手头有一个库。
  • 在研究了这些之后,我想我可能会写一个,然后搁置我目前的项目。不过,我觉得我目前的项目会非常有用。一个经常出现的问题,所以我不知道......发布图书馆如何为您工作,如果您不介意,请跟进!
猜你喜欢
  • 2016-01-11
  • 1970-01-01
  • 2018-04-21
  • 2011-02-16
  • 1970-01-01
  • 2014-02-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多