Javascript jQuery-定期交换图像和文本

我在两列中有两个图像和它们对应的文本。现在，我有一张图片淡入淡出，同时文字淡入淡出。我希望文本淡入淡出，图片淡入淡出，每四秒钟，让其他图片和文本自动淡入。如何实现这个动画？我怀疑我可能需要添加一个数据结构，可能是一个队列（因为它的进出方式）

使用的动画来自animate.css

HTML:

---

你试过使用

数组

和

设置间隔

吗？是的，但它没有显示动画，图像也没有显示出来。你必须发布一个工作小提琴，让任何人都能为你查找。目前你想要的是非常模糊的。

    <div class="group">
       <div class="left">
          <img src="images/the_principal.jpg" alt="school principal" class="admin-pic">
          <!--<img src="images/mrs-cooke.png" alt="school vice principal" class="admin-pic">-->
       </div>
       <div class="right">
           <p class="text">
            "Education is a simple yet a serious process. It is a process of making a human being into 'being human'.Stress at our institution is on this aspect.<br>I invite you to join us and make our country proud
                            <br><br>-The Principal"
           </p>

           <!--<p>
                        "We are all Indians firstly and lastly. Whatever anyone else might say, we need to uphold this God-given identity
                        through our actions, thoughts and what we might say.<br>Long live the Indian Republic.
                        <br><br>-The Vice Principal "
           </p>-->
       </div>
   </div>

var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';

$('.offscreen-logo').addClass('come-in-logo').one(animationEnd,function(){
      $('.right .text').addClass('animated fadeInUp');
      $('.left .admin-pic').addClass('animated fadeInDown');
 });