与文本一起滑动图像

【问题标题】：slid image along with text与文本一起滑动图像
【发布时间】：2014-04-09 10:25:42
【问题描述】：

我已经做了幻灯片

<html>
<head>
<script language="JavaScript"> var i = 0; 
var path = new Array(); 
var i = 0; var path = new Array(); 
 path[0] = "one.jpg";
 path[1] = "two.jpg"; 


function swapImage() { 
document.slide.src = path[i];

if(i < path.length - 1) i++; else i = 0;

setTimeout("swapImage()",3000);

 } 
 window.onload=swapImage;
 </script>
 </head>
 <body>
<img height="200" name="slide" src="image_1.gif" width="400" />
</body>
</html>

但现在我尝试添加 2 个文本

                          one is   "Good Day" it place on First(one) image

                          second is "bad day" it place on Second(two) image

但我不知道如何开始“滑动图片和文字”

我想输出如下图添加文字
“这是字幕”

【问题讨论】：

标签： javascript html css

【解决方案1】：

查看以下链接：

http://wowslider.com/web-photo-gallery-subway-basic.html

http://www.trans4mind.com/personal_development/JavaScript/imageSlideShow.htm

另一种解决方案，您可以放置一个div 标签并在其中放置您的text 此代码：

<div>
    <img src="images/thumbnail-slider-1.jpg" />
    <div class="myCaption">blah, blah, blah</div>
</div>

用包含块包装每个图像，并将图像和标题都放在包装器中。

看到这个帖子：nivo slider - add text to the slider

【讨论】：

infotec 感谢您的回复，但我不明白喜欢请帮助我
在第一个链接中，您可以使用令人惊叹的滑块，在第二个链接中，有一个演示通过图像滑动来解释文本。
谢谢，但你看到我的图像有问题，我想要这样，请在文本上提供类似图像的类型输出