Javascript 在jQuery中无限地更改z索引

我对jQuery有点陌生，但我需要编写一个小型的自定义图像旋转器。基本上，我将有一个小堆栈的.png图像，看起来像宝丽来。旋转器需要将顶部的一个拉出，向右移动，将Z索引设置为低于其他两个，然后将其移回…就像你在查看一堆图片时一样

大部分我认为我可以做到，但我不太明白的问题是，我需要不断交换这3幅图像的Z索引（将顶部图像向右移动，将Z索引重置为低于其他两幅，向后移动）

在HTML中，我有以下内容：

<img src="images/polariod_1.png" width="255" height="260" alt="Singer" class="headerrightgraphic">
<img src="images/polariod_2.png" width="255" height="260" alt="Singer" class="headerrightgraphic">
<img src="images/polariod_3.png" width="255" height="260" alt="Singer" class="headerrightgraphic">

---

任何关于如何在不经过硬编码的情况下优雅地改变Z索引的线索，

，而不是改变Z索引，考虑将所有的照片赋予相同的Z索引，并按照需要显示的顺序将它们重新连接到父节点。这样就不需要“无限”的z索引来获取照片上方和下方的内容

例如，如果用户可以单击一个将其拉到顶部，只需将其重新附加到父节点：

// assuming you have a handle to the element `photoElement`

photoElement.parentNode.appendChild(photoElement);

---

<>而不是改变Z索引，考虑将所有的照片赋予相同的Z索引，并按照需要显示的顺序将它们重新连接到父节点。这样就不需要“无限”的z索引来获取照片上方和下方的内容

例如，如果用户可以单击一个将其拉到顶部，只需将其重新附加到父节点：

// assuming you have a handle to the element `photoElement`

photoElement.parentNode.appendChild(photoElement);

---

我会说，要将值存储在JS中的全局变量中，可以使用jquery中的

.data

函数，或者使用一些隐藏的输入来保存当前的z索引

---

您也可以尝试不使用z索引，也可以操纵元素的位置（dom树中“向下”的元素将显示在其他元素的顶部），因此可以将其移动到站点，在第一个img前加上前缀，然后将其滑回原位。

我要说的是将值存储在JS中的全局变量中，使用jquery中的

.data

函数，或者使用一些隐藏的输入来保存当前的z索引

---

您也可以尝试不使用z索引，也可以操纵元素的位置（dom树中的元素“向下”将显示在其他元素的顶部），因此可以将其移动到站点，在第一个img前添加，然后将其滑回原位。

如何使用

显示：无在后面的图像中，无法看到？
如何使用
显示：无后面的图片，这是看不到的。
 我会考虑使用显示：NONO/BULL，而不是改变Z索引。Z索引图像库在过去只会给我带来麻烦

这是我在谷歌上找到的一个片段

我会考虑使用显示：NONO/BULL，而不是改变Z索引。Z索引图像库在过去只会给我带来麻烦
这是我在谷歌上找到的一个片段

当图像滑到一边时，他希望其他图像最像是可见的，但你可以玩2个可见图像！是的，我有3个图像，我希望所有3个图像都可以“堆叠”在一起。当图像滑到一边时，他希望其他图像最有可能是可见的，但你可以玩2个可见图像！是的，我有3个图像，我希望所有3个图像都可以“堆叠”在一起。这不会给OP带来他想要的效果，他希望它看起来像是在翻阅一堆图像。这不会给OP带来他想要的效果，他希望它看起来像是在翻阅一堆图像。你可以查看[这里][1][1]：您可以查看[here][1][1]：这可能是最好的方法，可以对它们进行重新排序。我会努力的，谢谢！我将把这作为我的答案，虽然这需要一些时间，但我认为这是最好的方法。谢谢这可能是最好的方法，对它们重新排序。我会努力的，谢谢！我将把这作为我的答案，虽然这需要一些时间，但我认为这是最好的方法。谢谢