嘿伙计们，我正在尝试重新格式化并设置由特定软件输出的一些数据（基本HTML）。每个（数据）项都附有图像。某些图像是系列的一部分，与彼此直接相关。
我想要做的是，使用Jquery / CSS，将图像作为系列的一部分“叠加”（参见link）。最有可能使用'rel'属性。我将离开不属于系列的图像，作为单个图像。
任何想法，插件或方向都将不胜感激。
答案 0 :(得分：3)
如果不确切地知道你在寻找什么，很难说，但一般的方法可能是将每个图像的绝对位置设置为集合＃的倍数。因此，如果图像属于集合＃1，则位置将是顶部：（1 * 100），集合＃4中的图像将是顶部：（4 * 100），依此类推。图像会堆叠在一起。
要像在示例中一样翻转堆栈，您可以向所有图像添加点击事件，以调整所点击图像的z-index以显示下方的图像。或者单击事件可以找到具有相同rel的所有图像，并循环以更改left：position以展开堆栈。