Hey I am trying to make my screen flash (like a white flash as if from a camera). This is my code so far:
<html>
<head>
<title>
Temporary Template
</title>
<style type="text/css">
td
{
text-align:center;
}
tr.row
{
background-color:#000;
color:#FFFFFF;
}
th.forum:hover
{
/*vertical-align:bottom;
text-align:right;*/
background-image:url(Forum.jpg);
color:black;
}
th.home:hover
{
background-image:url(home3.jpg);
}
th:onClick
{
}
th:hover
{
background-color:grey;
}
th
{
width:33%;
height:50%;
}
/*.cell5
{
background-color:white
-webkit-transition-property:all;
-webkit-transition-delay:1s;
-webkit-transition-duration:.25s;
}*/
</style>
<script type="text/javascript">
function showIt9()
{document.getElementById('calshow').src="CL9.jpg";
document.getElementById('calshow').style.display='block';}
function hideIt9()
{document.getElementById('calshow').style.display='none';}
function showIt8()
{document.getElementById('logshow').src="CL8.jpg";
document.getElementById('logshow').style.display='block';}
function hideIt8()
{document.getElementById('logshow').style.display='none';}
function showIt7()
{document.getElementById('regshow').src="CL7.jpg";
document.getElementById('regshow').style.display='block';}
function hideIt7()
{document.getElementById('regshow').style.display='none';}
function showIt3()
{document.getElementById('galshow').src="CL3.jpg";
document.getElementById('galshow').style.display='block';}
function hideIt3()
{document.getElementById('galshow').style.display='none';}
function showIt2()
{document.getElementById('forshow').src="CL2.jpg";
document.getElementById('forshow').style.display='block';}
function hideIt2()
{document.getElementById('forshow').style.display='none';}
function showIt1()
{document.getElementById('homshow').src="CL1.jpg";
document.getElementById('homshow').style.display='block';}
function hideIt1()
{document.getElementById('homshow').style.display='none';}
function playSound(soundfile) {
document.getElementById("dummy").innerHTML=
"<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
</script>
</head>
<body>
<span id="dummy"></span>
<table id="all" border = "0" cellspacing = "0" cellpadding = "0" width = 100% height = 100%>
<tr>
<td height = 30%> <img align="right" border="" src="" id="homshow" style="display:none" width="190" height="200" /> </td>
<td> <center> <img border="" src="" id="forshow" style="display:none" width="140" height="190" /> </center> </td>
<td> <img border="" src="" id="galshow" style="display:none" width="190" height="200" /> </td>
</tr>
<tr>
<td width = 25% height = 40%> </td>
<td class = "cell5" width = 50%>
<table border="0" cellspacing = "1" align = center width = "100%" height = "100%">
<tr class = "row">
<th class="home" align="center" onMouseOver="showIt1()" onMouseOut="hideIt1()"> <a href="#" onClick="playSound('shutter.wav');"> HOME </a> </th>
<th class="forum" align="center" onMouseOver="showIt2()" onMouseOut="hideIt2()"> <a href="#" onClick="playSound('shutter.wav');"> FORUMS </a> </th>
<th class="gallery" align="center" onMouseOver="showIt3()" onMouseOut="hideIt3()"> <a href="#" onClick="playSound('shutter.wav');"> GALLERY </a> </th>
</tr>
<tr class = "row">
<th class="register" align="center" onMouseOver="showIt7()" onMouseOut="hideIt7()"> <a href="#" onClick="playSound('shutter.wav');"> REGISTER </a> </th>
<th class="login" align="center" onMouseOver="showIt8()" onMouseOut="hideIt8()"> <a href="#" onClick="playSound('shutter.wav');"> LOG - IN </a> </th>
<th class="calendar" align="center" onMouseOver="showIt9()" onMouseOut="hideIt9()"> <a href="#" onClick="playSound('shutter.wav');"> CALENDAR </a> </th>
</tr>
</table>
</td>
<td width = 25%> </td>
</tr>
<tr>
<td height = 30%> <img align="right" border="" src="" id="regshow" style="display:none" width="190" height="200" /> </td>
<td> <center> <img border="" src="" id="logshow" style="display:none" width="140" height="190" /> </center> </td>
<td> <img border="" src="" id="calshow" style="display:none" width="190" height="200" /> </td>
</tr>
</table>
</body>
</html>
So what I want is that I want the screen to flash white when a link is clicked. Thanks.