变化图片和标题

2012-06-03 51 views 0 likes

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

来源

2012-06-03 Johnny Hankgard

请提供您的html代码，以便我们确定适合您的javascript。 – Wirone

'mainimagetitle'是什么样的元素？请尝试在[jsfiddle]（http://jsfiddle.net）中重现您的案例。 –

@VisioN为什么编辑？ –

回答

正如我从你的贴子看到的，这应该做的工作。

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

一定要添加（填充）src标记，否则在IE中会得到奇怪的结果。当你从第二个图像（改变之前的x ++）开始时，这将是没有问题的。我觉得很幸福的事故。 ;-)

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

来源

2012-06-03 00:39:55 Oliver

你可能有存储字幕针对每幅图像

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

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

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

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

来源

2012-06-03 00:41:25 martineno

变化图片和标题

回答

相关问题