0

我试图在这里建立一个类似的画廊/作品集页面:http ://touch3.themeple.co/?page_id=130

我一直在思考这个问题,但我不是一个足够先进的程序员来独自完成这项工作。当您单击其中一个缩略图时,相应的信息会直接在缩略图下方展开,并将其下方的内容向下推送。

真的很快,它的工作方式似乎是:

每行缩略图进入一个名为“fluid-grid”的 div。

在那一行大拇指下,对应的信息分别呈现在它自己的隐藏 div 中。

当您单击缩略图时,信息会直接在缩略图下方展开。将其下方的内容/缩略图向下推。

我唯一能想到的是(请原谅我的措辞和术语):

构造一个带有计数器的循环。渲染拇指和它的标签,然后当它需要渲染相应的信息时,将所有这些信息放在一个数组中(如果可能的话,我很喜欢数组)。然后,一旦计数器达到 3,关闭容器 div 标签(上面解释中的流体网格)并渲染每个数组条目。然后回到输出下一行。

我会朝着正确的方向前进吗?

无论如何,如果有人知道我将如何构建这个页面,我真的很感激,谢谢大家。

4

1 回答 1

0

有点模棱两可,我相信有很多方法可以实现这一目标,但如果是我:

我会首先循环所有图像,并附上他们的帖子 ID。

然后加载 .click() AJAX 以将帖子信息抓取为您想要的格式(像这样),这样所有信息都不会在初始加载时被拉取

希望那有所帮助

于 2012-09-18T00:57:50.953 回答