呃..我真的很新的JavaScript和挣扎的大吧。我的代码如下。用更多的代码解释更容易。所以基本上想要显示每个占位符中的每个图像,但按顺序我点击它们。因此,如果我点击IMG 3这将去占位符1然后下一个我点击将去占位符2,如果这是有道理的。 (这有点棘手是,一旦一个选项被选择,我想不会再允许这样的选择。无论是用一个错误信息说已经使用或从列表中消失)
<script type="text/javascript" language="javascript">
function showPic (whichpic) {
if (document.getElementById) {
document.getElementById('placeholder1').src = whichpic.href;
document.getElementById('placeholder2').src = whichpic.href;
document.getElementById('placeholder3').src = whichpic.href;
if (whichpic.title) {
document.getElementById('desc').childNodes[0].nodeValue = whichpic.title;
} else {
document.getElementById('desc').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue;
}
return false;
} else {
return true;
}
}
</script>
<div style="border: 1px solid #999; padding: 1em; margin: 0 0 15px 0;">
<ul>
<li><a onclick="return showPic(this)" href="images/img1.jpg" title="img 1">img 1</a></li>
<li><a onclick="return showPic(this)" href="images/img2.jpg" title="img 2">img 2</a></li>
<li><a onclick="return showPic(this)" href="images/img3.jpg" title="img 3">img 3</a></li>
</ul>
<p id="desc">Choose an image to begin</p>
<img id="placeholder1" src="images/blank.gif" alt="" />
<img id="placeholder2" src="images/blank.gif" alt="" />
<img id="placeholder3" src="images/blank.gif" alt="" />
</div>
感谢您的答复? WTF? –
看起来有一个错误,这是为了编辑,我把这篇文章的内容添加到另一个:http://stackoverflow.com/questions/6919086/javascript-placeholders随时删除这个问题。 –
好吧,让我们标记它 –