I don't know much at all about JavaScript, but I'm trying to do an image change on a link hover. The image changes on another part of the page. The error I receive is "document(...) is null or not an object".
Here is my code:
<script language="JavaScript">
<!-- Hide the script from old browsers -- >
img0_on = new Image(50,50);
img0_on.src="amy.jpg";
img0_off = new Image(50,50);
img0_off.src="dineenjohn.jpg";
img1_on = new Image(50,50);
img1_on.src="amyapril.jpg";
img1_off = new Image(50,50);
img1_off.src="dineenjohn.jpg";
img2_on = new Image(50,50);
img2_on.src="aprilrick.jpg";
img2_off = new Image(50,50);
img2_off.src="dineenjohn.jpg";
img3_on = new Image(50,50);
img3_on.src="badjohn.jpg";
img3_off = new Image(50,50);
img3_off.src="dineenjohn.jpg";
img4_on = new Image(50,50);
img4_on.src="bibi.jpg";
img4_off = new Image(50,50);
img4_off.src="dineenjohn.jpg";
img5_on = new Image(50,50);
img5_on.src="chrisdineen.jpg";
img5_off = new Image(50,50);
img5_off.src="dineenjohn.jpg";
img6_on = new Image(50,50);
img6_on.src="dadjohn.jpg";
img6_off = new Image(50,50);
img6_off.src="dineenjohn.jpg";
img7_on = new Image(50,50);
img7_on.src="dineenhosp.jpg";
img7_off = new Image(50,50);
img7_off.src="dineenjohn.jpg";
img8_on = new Image(50,50);
img8_on.src="dineenjohn.jpg";
img8_off = new Image(50,50);
img8_off.src="dineenjohn.jpg";
img9_on = new Image(50,50);
img9_on.src="dineenjohn2.jpg";
img9_off = new Image(50,50);
img9_off.src="dineenjohn.jpg";
img10_on = new Image(50,50);
img10_on.src="dyanne.jpg";
img10_off = new Image(50,50);
img10_off.src="dineenjohn.jpg";
img11_on = new Image(50,50);
img11_on.src="dyron.jpg";
img11_off = new Image(50,50);
img11_off.src="dineenjohn.jpg";
img12_on = new Image(50,50);
img12_on.src="john.jpg";
img12_off = new Image(50,50);
img12_off.src="dineenjohn.jpg";
img13_on = new Image(50,50);
img13_on.src="johnron.jpg";
img13_off = new Image(50,50);
img13_off.src="dineenjohn.jpg";
img14_on = new Image(50,50);
img14_on.src="lilchris.jpg";
img14_off = new Image(50,50);
img14_off.src="dineenjohn.jpg";
img15_on = new Image(50,50);
img15_on.src="mom.jpg";
img15_off = new Image(50,50);
img15_off.src="dineenjohn.jpg";
img16_on = new Image(50,50);
img16_on.src="mom2.jpg";
img16_off = new Image(50,50);
img16_off.src="dineenjohn.jpg";
function over_image(parm_name)
{
document[parm_name].src = eval(parm_name + "_on.src"
;
}
function off_image(parm_name)
{
document[parm_name].src = eval(parm_name + "_off.src"
;
}
// End Hiding Here -->
</script>
Here is my code:
<script language="JavaScript">
<!-- Hide the script from old browsers -- >
img0_on = new Image(50,50);
img0_on.src="amy.jpg";
img0_off = new Image(50,50);
img0_off.src="dineenjohn.jpg";
img1_on = new Image(50,50);
img1_on.src="amyapril.jpg";
img1_off = new Image(50,50);
img1_off.src="dineenjohn.jpg";
img2_on = new Image(50,50);
img2_on.src="aprilrick.jpg";
img2_off = new Image(50,50);
img2_off.src="dineenjohn.jpg";
img3_on = new Image(50,50);
img3_on.src="badjohn.jpg";
img3_off = new Image(50,50);
img3_off.src="dineenjohn.jpg";
img4_on = new Image(50,50);
img4_on.src="bibi.jpg";
img4_off = new Image(50,50);
img4_off.src="dineenjohn.jpg";
img5_on = new Image(50,50);
img5_on.src="chrisdineen.jpg";
img5_off = new Image(50,50);
img5_off.src="dineenjohn.jpg";
img6_on = new Image(50,50);
img6_on.src="dadjohn.jpg";
img6_off = new Image(50,50);
img6_off.src="dineenjohn.jpg";
img7_on = new Image(50,50);
img7_on.src="dineenhosp.jpg";
img7_off = new Image(50,50);
img7_off.src="dineenjohn.jpg";
img8_on = new Image(50,50);
img8_on.src="dineenjohn.jpg";
img8_off = new Image(50,50);
img8_off.src="dineenjohn.jpg";
img9_on = new Image(50,50);
img9_on.src="dineenjohn2.jpg";
img9_off = new Image(50,50);
img9_off.src="dineenjohn.jpg";
img10_on = new Image(50,50);
img10_on.src="dyanne.jpg";
img10_off = new Image(50,50);
img10_off.src="dineenjohn.jpg";
img11_on = new Image(50,50);
img11_on.src="dyron.jpg";
img11_off = new Image(50,50);
img11_off.src="dineenjohn.jpg";
img12_on = new Image(50,50);
img12_on.src="john.jpg";
img12_off = new Image(50,50);
img12_off.src="dineenjohn.jpg";
img13_on = new Image(50,50);
img13_on.src="johnron.jpg";
img13_off = new Image(50,50);
img13_off.src="dineenjohn.jpg";
img14_on = new Image(50,50);
img14_on.src="lilchris.jpg";
img14_off = new Image(50,50);
img14_off.src="dineenjohn.jpg";
img15_on = new Image(50,50);
img15_on.src="mom.jpg";
img15_off = new Image(50,50);
img15_off.src="dineenjohn.jpg";
img16_on = new Image(50,50);
img16_on.src="mom2.jpg";
img16_off = new Image(50,50);
img16_off.src="dineenjohn.jpg";
function over_image(parm_name)
{
document[parm_name].src = eval(parm_name + "_on.src"
}
function off_image(parm_name)
{
document[parm_name].src = eval(parm_name + "_off.src"
}
// End Hiding Here -->
</script>