Now that I have the solution, it was pretty simple. Here is an example of how to blick an image using Javascript. The image will either be hidden or displayed becase upon the value passed to the function.
I'm posting this for reference because I couldn't find any examples of how to blink an image and then leave it either hidden or visible after blinking.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Blinking Image</title>
<script type="text/javascript">
function toggle_visibility(hideorshow)
{
var e = document.getElementById("alerticon");
if (hideorshow == 'hide')
{
if (e.style.visibility == 'visible')
{
blink(6);
}
else
{
blink(7);
}
}
else
{
if (e.style.visibility == 'visible')
{
blink(7);
}
else
{
blink(6);
}
}
}
function blink(count)
{
var count = count
var e = document.getElementById("alerticon");
e.style.visibility = ( e.style.visibility == 'visible' )? 'hidden' : 'visible';
count--;
if (count <= 0)
{
return;
}
else
{
setTimeout("blink('" + count + "');", 500);
}
}
</script>
</head>
<body>
<p>
<img id="alerticon" alt="alert" src="exclamation_red_16x16.gif" style="visibility:hidden" />
</p>
<a href="#" onclick="toggle_visibility('hide')">SHOW</a><br /><a href="#" onclick="toggle_visibility('show')">HIDE</a>
</body>
</html>