Javascript 将div移出屏幕

我目前有以下设置

<div class="elegant-1">
  <div class="hold-1">
    <div class="image-1"></div>
    <div class="image-2"></div>
    <div class="image-3"></div>
    <div class="image-4"></div>
    <div class="image-5"></div>
    <div class="image-6"></div>
  </div>
</div>

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18

第二个设置在哪里起作用？如果你想使用其他动画来设置动画，第二个设置就是我想要的。目前，我的图片相互重叠，形成了一张扭曲的照片（图片1-6）。然后我想把（hold-1）移出视图，并引入（hold-2）来保存（图像7-12）。如果你要对它们进行动画制作，为什么要使用单独的容器？或者你的意思是你想淡入/淡出每个容器中的图像，然后在最后一个图像中将容器移出，然后将新容器移入，重复，我想我只是不知道如何在不按下按钮或悬停的情况下连续制作动画。我希望它能自动延迟。除了动画，你需要使用数据属性。将

class=“image-1”

更改为

class=“image”data-image-1

。然后使用

$（'.image'）

选择图像，并使用

dataset.image

获取图像索引。