Show or hide an image by javascript

It is very easy to hide or show an image according to client's click.

simply call a js function in onclick event handler for example:-

Write this script into your header Tag

<script type="text/javascript">function showblock(){ var img=document.getElementById('image');img.style.display="block"; } function hideblock() { var img=document.getElementById('image') img.style.display="none"; } </script>

Write these code in to your body tag

<div id="image"><img src="http://img1.blogblog.com/img/navbar/icons_orange.png" /></div><input type="button" onclick="showblock();" value="Show image" /> <input type="button" onclick="hideblock();" value="Hide image" />