<script type="text/javascript">
function flipImag(){
dom
= document.getElementById("apples").style;
dom1
= document.getElementById("blueberries").style;
dom2
= document.getElementById("pumpkins").style;
if
(dom.visibility == "visible")
dom.visibility = "hidden";
else
dom.visibility = "visible";
}
</script>
<form action = "">
<img src="apples.jpg" alt="apples" id="apples"
style="position: absolute; z-index: 20;" >
<img src="blueberries.jpg"
alt="blueberries" id="blueberries"
style="position: absolute; z-index: 10;">
<img src="pumpkins.jpg" alt="pumpkins" id="pumpkins"
style="position: absolute; z-index: 5;">
</div>
<p>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<input type="button" value="Toggle
Saturn" onclick="flipImag()"/>
</p>
</form>