siwper的第二个class="swiper-slide"的div使用ani后内容不见了

Question

求大神看一下。

<div class="swiper-wrapper">
            <div class="swiper-slide" style="background-color:#e3e1e1;">
           <img src="img/3.png" class="ani img" swiper-animate-effect="fadeIn" swiper-animate-duration="5s" swiper-animate-delay="0.1s">
<span class="h2 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="7s" swiper-animate-delay="0.1s" style="position:absolute;left:410px;top:350px;">商品想卖好 包装必须屌</span>
<span class="h2 an ani" swiper-animate-effect="fadeIn" swiper-animate-duration="10s" swiper-animate-delay="0.1s" style="position:absolute;left:550px;top:450px;">你的形象 有我来定</span>
            </div>
            <div class="swiper-slide" style="background-color:#e5e5e1">
  <img src="img/2.png" class="img2 ani" >
  <span class="h2 t1 ani ">色彩款式精搭配</span>
  <span class="h2 t2 ani ">年轻漂亮任你行</span>
            </div>

第二个swiper-slide下面的img标签设置ani类后，图片就不见了。span设置ani也会不见。这是怎么回事啊。或者有没有办法让siwper用自己写的动画，到了一页才执行一个而不是才加载完网页就全部执行了

Answer 1

你找到问题点了吗，我也遇到这个问题了