Html 如何在登录页中转换标题

我的主页在导航栏下有一个1024x500px的幻灯片。 我想要幻灯片上的标题。 标题应包含一些句子，例如“数字艺术”。 我想对这些标题和文本进行转换。 它们应该每隔几秒钟改变一次，飞进飞出，或者淡入淡出，不确定。 我怎样才能做到？ 谢谢大家。 这里是一个截图，如果情况。 滑块不是问题所在。我希望标题移到它上面

这是html部分，包含幻灯片的div，我已经放了一个

 <div class="heroImg" id="heroImg">
    <h1>
        Graphic Design and Digital Art
    </h1>
        <div id=slidercontainer>
            <div id=css3slider>
<img src="images/slideshowimg/malay.jpg" alt="White-tailed kite" >
<img src="images/slideshowimg/jkarta.jpg" alt="Hawk title=Hawk" >
<img src="images/slideshowimg/american.jpg" alt="Osprey" >
<img src="images/slideshowimg/aya.jpg" alt="Square-tailed kite" >
<img src="images/slideshowimg/malay.jpg" alt="White-tailed kite" >
            </div>
        </div>
    </div>

试试这个

 div#sidercontainer div.slidecontent { 
  width: 1024px;
  height: 500px; 
  float: left;
  }

div#css3slider div.slidecontent { 
  float: right; 
   }

然后添加幻灯片内容div，而不是像图片一样

<div id=css3slider>
 <div class="slidecontent">
   <h1>Text to show</h1>
   <img src="images/slideshowimg/image1.jpg" alt="" >
 </div>
</div>

要显示的文本

您使用的是哪个滑块？您是否正在使用JavaScript库？到目前为止你试过什么？我们能看看密码吗？嘿。这是纯css3。没有Js。我会发布代码，但我认为它是大的css是为滑块，但我不认为这是相关的

<div id=css3slider>
 <div class="slidecontent">
   <h1>Text to show</h1>
   <img src="images/slideshowimg/image1.jpg" alt="" >
 </div>
</div>