0

我想创建一个图像幻灯片，其中背景中的图像一张一张地滑动，但文本应该漂浮在它上面。

我想要实现的最后一件事是这个。

我已经关注了msdn文章中的帖子，我下载了slideShow.js文件并应用于图像，它运行良好。现在如何将文本浮动在图像上？

我的代码是：

<!DOCTYPE html>
<html>

<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  <title>Slide Show</title>
  <style type="text/css">
    .size
    {
        height:300px;
        width:500px;
    }
    .lab
    {}
  </style>
</head>

<body>
    <div>

        <label class="lab">This is Label</label>
      <div id="slideShowImages">
        <img src="1.jpg" alt="Slide 1" class="size" />
        <img src="2.jpg" alt="Slide 2" class="size"/>
        <img src="3.jpg" alt="Slide 3" class="size"/>    
        <img src="4.jpg" alt="Slide 4" class="size"/>
      </div>  
    </div>
  <script src="slideShow.js"></script>
</body>

</html>

标签将是显示在图像上的文本。请帮忙。

4

1 回答 1

1

安装 WoW Slider 并导入所有要滑动的图像，您还可以为每个图像提供文本，以便在图像滑动时相应的文本也会随之出现

http://wowslider.com/ - 你可以选择你喜欢的滑动模板

于 2013-11-12T06:52:05.053 回答