HTML / Javascript平铺图片?

时间:2013-10-14 03:50:33

标签: javascript html css

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

e.g。这样的事情 enter image description here

1 个答案:

答案 0 :(得分:0)

我会创建一个网格,或者预先构建的表格,其中包含一行,以及您想要多少图像。然后,当您获取图像时,获取计数并动态添加行,使用图像的索引将其放入cell / td的索引中。这将是一个很好的路线,直到你找到一个图书馆,如果有的话。虽然,有时候,如果它不是一个巨大的"重新发明轮子"片段的类型,为它编写自己的代码有一些好处。 :)希望这有帮助。

顺便说一句,jQuery Masonary和Responsive Photo Grid是你可以研究的一些库。以下是您的相关信息:Mosaic Grid gallery with dynamic sized images