将文本添加到Jquery responsiveslides滑块

时间:2014-05-06 05:51:33

标签: jquery responsive-slides

你好我实际上是在Responsive slides使用jquery responsiveslides

我如何为每张幻灯片添加文字,例如在this中,有人可以指向正确的方向

1 个答案:

答案 0 :(得分:2)

你可以这样做。

HTML:

<ul class="rslides" id="slider">
    <li>
      <a href="#"><img src="images/mainimg1.jpg" alt=""></a>
    </li>
    <li>
      <img src="images/mainimg2.jpg" alt="">
      <div class="gallerycon">
        <h1>Your Title</h1>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
      </div>
    </li>
</ul>

CSS:

.gallerycon{
    position:absolute;
    top:30%;
    right:40%;
    z-index: 3;
    width:60%;
    height:400px;
}