我有一个图像,当你点击它时,它会转到另一个带有函数和图像映射的图像。但在下一张图片上有一条文字,上面写着"回到另一张图片",但我无法将其转到上一张图片。
用户点击mainmenu.png,它会转到moreinfo.png,我如何让它回到mainmenu.pg?
<a href="quiz.html"><img src="img/mainmenu.png" alt="" style= "width: 15em; height: 25em;" id="moreinfo" usemap="#map"; /></a>
<map name="map">
<area shape="rect" coords="46,335,188,364" onclick="changeImage()">
</map>
<script language="javascript">
function changeImage(){
if (document.getElementById("moreinfo").src == "img/moreinfo.png")
{
document.getElementById("moreinfo").src = "img/moreinfo.png";
}
else
{
document.getElementById("moreinfo").src = "img/moreinfo.png";
}
}
</script>
怎么样
<area shape="rect" coords="46,335,188,364" onclick="toggleImage()">
function toggleImage(){
var img = document.getElementById("moreinfo");
img.src = img.src.indexOf("moreinfo.png")!=-1?"img/mainmenu.png":"img/moreinfo.png";
}