Javascript 淡入图像或滑块图像前的（信息文本）？

我的滑块包含图像、标题和一些信息文本。我想信息文本加载（淡入）在其相关的滑块图像的顶部

e、 g 幻灯片1有标题1和信息文本1。 幻灯片2有标题2和信息文本2

---

当slider1从slider2更改时，信息文本2应该作为一个单独的实体淡入slider2前面，依此类推。

这需要使用像jquery这样的javascript工具，这将非常简单。 我将用jquery为您提供解决方案，它非常简单

 $(document).ready(function(){
    $("#mySlider .slider").each(function(){
    $(this).fadeIn("slow");

    });

    });
    <div id="mySlider">
    <div class="slider"><span>here is the caption </span><img src="../images/1.jpg" /> </div>
 <div class="slider"><span>here is the caption </span><img src="../images/2.jpg" /> </div>
 <div class="slider"><span>here is the caption </span><img src="../images/3.jpg" /> </div>
    </div>

$（文档）.ready（函数（）{
$（“#mySlider.slider”）。每个（函数（）{
美元（这个）.fadeIn（“慢”）；
});
});
这是标题
这是标题
这是标题

jquery代码将一个接一个地处理所有滑块，并将它们淡入