我会如何让我的代码在一段时间内显示一张图片?我如何让我的代码在一段时间显示一个图像?
<!DOCTYPE html>
<html lang ="en">
<head>
<title> VIS</title>
<meta charset="utf-8"/>
<script type="text/javascript" >
function showImage(id){
if(document.getElementById(id).style.visibility =='visible')
document.getElementById(id).style.visibility = 'hidden';
else
document.getElementById(id).style.visibility= 'visible';
}
</script>
</head>
<body>
<div style="position: relative; visibility: visible;">
<img src="http://vignette4.wikia.nocookie.net/mrmen/images/5/52/Small.gif/revision/latest?cb=20100731114437"
alt="Pumpkins" id="Pum"/>
<button onclick="showImage('Pum');">Pumpkins</button>
</div>
<div style="position: relative; visibility: visible;">
<img src="http://vignette4.wikia.nocookie.net/mrmen/images/5/52/Small.gif/revision/latest?cb=20100731114437"
alt="Pumpkins" id="Straw"/>
<button onclick="showImage('Straw');">Strawberries</button>
</div>
<div style="position: relative; visibility: visible;">
<img src="http://vignette4.wikia.nocookie.net/mrmen/images/5/52/Small.gif/revision/latest?cb=20100731114437"
alt="Pumpkins" id="Ras"/>
<button onclick="showImage('Ras');">Rasberries</button>
</div>
</body>
</html>
我的代码工作正常,但我想让它显示的时间。当时一个像我点击其中的一个,它会隐藏其他。
用我的代码,可以显示尽可能多的图像,我想要的和尽可能少的图像。我怎么能做到这一点,我可以发送多个ID作为参数?
任何帮助将是伟大的。
http://stackoverflow.com/questions/6641136/what-is-the-best-way-to-implement-multiway-toggle-using-javascript-jquery –
你可以也使所有图像不可见,然后只显示您点击的图像。 –
@Suchit谢谢,但那对我不起作用。 – user3251123