Возврат карт изображения к функциям

Question

У меня есть изображение, и когда вы нажимаете на него, оно переходит к другому изображению с функцией и картой изображения. Но на следующем изображении есть текст "Назад к другому изображению", но я не могу заставить его перейти к предыдущему изображению.

Пользователь нажимает на mainmenu.png, и он переходит к moreinfo.png, как мне заставить его вернуться к mainmenu.png?

<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>

Answer 1

Как насчет

<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";
}