PDA

View Full Version : error message when move mouse over image...

justino
10-31-2002, 06:58 PM
it keeps giving me this error message when i move my mouse over the first image:

Line: 37
Char: 5
Error: 'image0.filters.alpha' is null or not an object
Code: 0
URL: http://www.rudeboy.net/test/main.htm

All of the other images seem to work fine, but for some reason the first image doesn't work? Here's a link to the site:

http://www.rudeboy.net/test/main.htm

If anybody could help that would be great b/c i'm on a tight schedule!

thanks,
justino
Majik_Dance
10-31-2002, 10:33 PM
For some reason I could not attach this as a text file so here you go - hope it helps and works for you.

<html>
<head>
<title>: : - Rude Boy Records - : :</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style>
body {margin: 0em 0em 0em}
</style><style type="text/css">
<!--
A:link { text-decoration: underline; color:"#CCCC66" }
A:visited { text-decoration: underline; color:"#CCCC66" }
A:hover { text-decoration: none; color:"#CCCC66" }
-->
</style><style type="text/css">
BODY {
SCROLLBAR-BASE-COLOR: #000066;
SCROLLBAR-ARROW-COLOR: #CCCC66;
}
</style>
</head><script language="JavaScript1.2">
<!--
var num_images=9;
var first_opac = 70;
var sec_opac =100;
var speed = 1;

var opac=new Array(num_images);
for(i=0;i<num_images;i++) opac[i] = first_opac;

var si=new Array(num_images);

var cleared=new Array(num_images);
for(i=0;i<num_images;i++) cleared[i] = false;

function showimage(what,doshow) {
if (document.all) {
cleared[what] = false;
(doshow) ? opac[what]+=speed : opac[what]-=speed;
eval('image'+what+".filters.alpha.opacity="+opac[what]);
if (opac[what] <= first_opac || opac[what] >= sec_opac) {
clearInterval(si[what]);
cleared[what] = true;
}
}

if (document.layers) clearInterval(si[what]);
}

function ClearInt(num) {
if (!cleared[num]) clearInterval(si[num]);
}

function go(num,doshow) {
ClearInt(num);
si[num]=setInterval('showimage('+num+','+doshow+')',10);
}
//-->
</script>

<body bgcolor="000066" text="#000000">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="000066" height="90" colspan="9">
<p><br>
<img src="images/top-rb.gif" width="277" height="55"> </p>
</td>
</tr>
<tr bgcolor="993333">
<td bgcolor="993333" width="8%" height="24">
<div align="center"><a href="www.rudeboy.net/about.htm">
<img src="images/about.gif" alt="" name="image1" id="image1" width="67" height="20" border="0" style="filter:alpha(opacity=70)" onMouseOver="go(1,true);" onMouseOut="go(1,false);"></a></div>
</td>
<td bgcolor="993333" width="10%" height="24">
<div align="center"><a href="www.rudeboy.net/bands.htm">
<img src="images/bands.gif" alt="" name="image2" id="image2" width="68" height="20" border="0" style="filter:alpha(opacity=70)" onMouseOver="go(2,true);" onMouseOut="go(2,false);"></a></div>
</td>
<td bgcolor="993333" width="10%" height="24">
<div align="center"><a href="www.rudeboy.net/board.htm">
<img src="images/board.gif" alt="" name="image3" id="image3" width="69" height="20" border="0" style="filter:alpha(opacity=70)" onMouseOver="go(3,true);" onMouseOut="go(3,false);"></a></div>
</td>
<td bgcolor="993333" width="10%" height="24">
<div align="center"><a href="www.rudeboy.net/contact.htm">
<img src="images/contact.gif" alt="" name="image4" id="image4" width="83" height="20" border="0" style="filter:alpha(opacity=70)" onMouseOver="go(4,true);" onMouseOut="go(4,false);"></a></div>
</td>
<td bgcolor="993333" width="10%" height="24">
<div align="center"><a href="www.rudeboy.net/home.htm">
<img src="images/home.gif" alt="" name="image5" id="image5" width="65" height="20" border="0" style="filter:alpha(opacity=70)" onMouseOver="go(5,true);" onMouseOut="go(5,false);"></a></div>
</td>
<td bgcolor="993333" width="10%" height="24">
<div align="center"><a href="www.rudeboy.net/links.htm">
<img src="images/links.gif" alt="" name="image6" id="image6" width="58" height="20" border="0" style="filter:alpha(opacity=70)" onMouseOver="go(6,true);" onMouseOut="go(6,false);"></a></div>
</td>
<td bgcolor="993333" width="13%" height="24">
<div align="center"><a href="www.rudeboy.net/merchandise.htm">
<img src="images/merchandise.gif" alt="" name="image7" id="image7" width="129" height="20" border="0" style="filter:alpha(opacity=70)" onMouseOver="go(7,true);" onMouseOut="go(7,false);"></a></div>
</td>
<td bgcolor="993333" width="13%" height="24">
<div align="center"><a href="/multimedia.htm">
<img src="images/multimedia.gif" alt="" name="image8" id="image8" width="112" height="20" border="0" style="filter:alpha(opacity=70)" onMouseOver="go(8,true);" onMouseOut="go(8,false);"></a></div>
</td>
<td bgcolor="993333" width="0" height="24">&nbsp;</td>
</tr>
<tr>
<td bgcolor="000066" height="10" colspan="9">&nbsp;</td>
</tr>
<tr>
<td bgcolor="000066" height="10" colspan="9">
<div align="center"><font size="2" color="cccc66"><a href="http://www.fortunatefool.com">About</a>
| Bands | Contact | Links | Merchandise | Message Board | Music | Video</font></div>
</td>
</tr>
<tr>
<td bgcolor="000066" height="10" colspan="9">
<div align="center"><font color="cccc66" size="2">Copyright &copy; 2002
Rude Boy Records. All Rights Reserved.<br>
Web design by <a href="mailto:webmaster@fortunatefool.com"></a><a href="mailto:webmaster@fortunatefool.com">Justin
O'Rourke</a></font></div>
</td>
</tr>
</table>
</body>
</html>


:) :)
justino
10-31-2002, 10:52 PM
seems to be working great now. Where was the error in the script...i haven't had time to look it over yet...just tested it and saw that it work.

thanks again!
justino
Majik_Dance
11-01-2002, 02:49 PM
justino -

The error was in the name of the first image. You had called it "image0". All I did was change it to "image1" (and of course, changed the subsequent image names) and it worked.

I did get an "Error Overload" message at first when I moused over the last image but that was due to var num_images being set to 8; I set it to 9 and VOILA!

Glad to be of assistance. It was a learning experience for me as well.

:) :)

He Who Laughs Last Thinks Slowest
- anonymous