我试图在这里建立一个类似的画廊/作品集页面:http ://touch3.themeple.co/?page_id=130
我一直在思考这个问题,但我不是一个足够先进的程序员来独自完成这项工作。当您单击其中一个缩略图时,相应的信息会直接在缩略图下方展开,并将其下方的内容向下推送。
真的很快,它的工作方式似乎是:
每行缩略图进入一个名为“fluid-grid”的 div。
在那一行大拇指下,对应的信息分别呈现在它自己的隐藏 div 中。
当您单击缩略图时,信息会直接在缩略图下方展开。将其下方的内容/缩略图向下推。
我唯一能想到的是(请原谅我的措辞和术语):
构造一个带有计数器的循环。渲染拇指和它的标签,然后当它需要渲染相应的信息时,将所有这些信息放在一个数组中(如果可能的话,我很喜欢数组)。然后,一旦计数器达到 3,关闭容器 div 标签(上面解释中的流体网格)并渲染每个数组条目。然后回到输出下一行。
我会朝着正确的方向前进吗?
无论如何,如果有人知道我将如何构建这个页面,我真的很感激,谢谢大家。