我想创建一个图像幻灯片放映,其中背景图像一张一张地滑动,但文本应该 float 在它上面。
我想要实现的最后一件事是this .
我已关注 msdn 中的帖子文章,我下载了 slideShow.js
文件并应用到图像上,它运行良好。现在如何将文本 float 到图像上?
我的代码是:
<!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>
标签将是显示在图像上的文本。 请帮忙。
最佳答案
安装 WoW Slider 并导入所有要滑动的图像,您还可以为每张图像添加文本,这样当图像滑动时相应的文本也会随之出现
http://wowslider.com/ - 可以选择自己喜欢的滑动模板
关于javascript - 如何使用固定文本创建图像幻灯片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19921508/