0

我正在尝试找出一种方法来更改与使用 javascript 更改的图像一起出现的文本...

var x = 0;
var images = new Array(".jpg", ".jpg", ".jpg", ".jpg", ".jpg");
var i = setInterval(auto, 10000);

function auto() {
    x++;
    if (x == images.length) x = 0;
    document.getElementById('bigImage').src = images[x];
}

function changeImage(img, imagetitle) {
    document.getElementById('bigImage').src = img;
    /* document.getElementById('mainimagetitle').innerHtml = imagetitle; */
}​​​

评论部分是我想我可能如何更改图像附带的文本。我如何编码html。我应该使用带有 id mainimagetitle 的 a 吗？如果是这样，我在哪里以及如何添加我想要显示和隐藏的不同文本？

4

2 回答 2

0

正如我从您的帖子中看到的那样，这应该可以完成工作。

<img id="bigImage" src="img1.jpg" alt="" />
<div id="mainimagetitle"></div>

一定要添加一个（填充的）src 标签，否则你会在 IE 中得到奇怪的结果。当您从第二张图像（更改前的 x++）开始时，这将没有问题。我想快乐的意外。;-)

// 编辑：当然，只要您使用正确的 id，任何元素都可以。但是您没有告诉我们您使用的是什么 html (xhtml/html5/...)。

于 2012-06-03T00:39:55.057 回答
0

您可能有另一个数组来存储每个图像的标题

var captions = ['Caption 1', 'Caption 2', ...];

假设mainimagetitle是一个<p>元素的 id，你可以这样做：

function changeImage(img, imagetitle) {
     document.getElementById('bigImage').src = img;
     document.getElementById('mainimagetitle').innerText = imagetitle;
}​​​

您可以在此处查看基于您的代码的完整示例。

于 2012-06-03T00:41:25.073 回答