Looking for a new take on the old Image swap

Design help General
7

Thanks for the reply @Revolution. Not sure that topic covers what I’m trying to do here and seems a bit convoluted by images loading from a database? (maybe I’m reading it wrong)

My current solution uses JS and works well for desktops but not for mobile device. May be a simple fix.

Here is what’s in the page HEAD area:

	<script language="JavaScript" type="text/javascript">
	<!--
	  function changeFrame(newPage){
		document.getElementById("myframe").src = newPage;
	  }
	//-->
	</script>

And here is how its called in the BODY

<span id="areaMenu">
		<a href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d105799.31675083817!2d-84.26198661935238!3d34.03800544861125!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f59f301a38a179%3A0x3d46d6a87e40bd01!2sJohns+Creek%2C+GA!5e0!3m2!1sen!2sus!4v1461505364185" id="johnscreek" onClick="changeFrame(this.href); return false;">Johns Creek</a><br>
		<a href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d52953.65132261371!2d-84.03388261575127!3d33.9513322410178!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f508ebdb5f57ab%3A0xc3db0f7dcd03069a!2sLawrenceville%2C+GA!5e0!3m2!1sen!2sus!4v1461505434413" id="lawrenceville" onClick="changeFrame(this.href); return false;">Lawrenceville</a><br>

	  </span>

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d212270.03409967737!2d-84.5606900792521!3d33.76791919528135!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f5045d6993098d%3A0x66fede2f990b630b!2sAtlanta%2C+GA!5e0!3m2!1sen!2sus!4v1461427498431" id="myframe" width="600" height="300" frameborder="0" style="border:0">
	You can't see iFrames  :(. Please use a more modern browser :).

Cant seem to show the closing iFrame tag here, but assume it is there.