Question

我正在尝试找出一种方法来更改随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吗？如果是这样，我在哪里以及如何添加我想要显示和隐藏的不同文本？

Answer 1

正如我从你的帖子中看到的那样，这应该可以胜任。

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

确保添加（已填充）src标记，否则您将在IE中获得奇怪的结果。当您从第二个图像（更改前的x ++）开始时，这将没有问题。我想是快乐的意外。 ; - ）

//编辑：当然，只要您使用正确的ID，任何元素都会执行。但你没告诉我们你使用的是什么HTML（xhtml / html5 /...).

Answer 2

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

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

假设mainimagetitle是<p>元素的ID，您可以这样做：

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

您可以根据代码here查看完整示例。

改变图像和标题

2 个答案: