我对jQuery有点陌生，但是我需要编写一个小的自定义图像旋转器。基本上，我会有一小堆看起来像宝丽来的.png图片。旋转器需要将最上面的一个拉下，将其向右移动，将Z-index设置为比其他两个低，然后再将其移回……就像您浏览一堆图片一样。
我想可以完成大部分操作，但是我没有完全解决的问题是，我将需要不断交换这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-index而不用一遍又一遍地进行硬编码？
最佳答案
与其更改z索引，不如考虑为所有照片赋予相同的z索引，然后将它们按需要显示的顺序重新附加到父节点。这消除了“无限” z索引来获取照片上方和下方内容的需求。
例如，如果用户可以单击以将其拉到顶部，则只需将其重新添加到父节点即可：
// assuming you have a handle to the element `photoElement`
photoElement.parentNode.appendChild(photoElement);
关于javascript - 在jQuery中无限更改z-index，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10299597/