I’m trying to use a script listed at [url]http://javascript.internet.com/bgeffects/background-changer.html
and its not working….
I changed the images and heres what it looks like now:
[CODE]
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1252″>
<title>backgrounds</title>
<SCRIPT LANGUAGE=”JavaScript”>
<!– Begin
if (navigator.appName == “Microsoft Internet Explorer”)
{
image_directory = “http://www.baptistrevival.com/baptistkitty/graphics/backgrounds/”;
clear = new Image(); clear.src = image_directory + “clear.jpg”;
pic1 = new Image(); pic1.src = image_directory + “blue.jpg”;
pic2 = new Image(); pic2.src = image_directory + “fur.jpg”;
pic3 = new Image(); pic3.src = image_directory + “fuzzy.jpg”;
pic4 = new Image(); pic4.src = image_directory + “greychecks.jpg”;
}
function imagechange(imgName)
{
if (navigator.appName == “Microsoft Internet Explorer”)
{
document.body.background = eval(imgName + “.src”);
}
}
// End –>
</script>
</head>
<body background=”clear.jpg” name=bg>
<a href=”#” onMouseOver=”imagechange(‘pic1’);” onMouseOut=”imagechange(‘clear’);”><img src=”blue.jpg”></a>
<a href=”#” onMouseOver=”imagechange(‘pic2’);” onMouseOut=”imagechange(‘clear’);”><img src=”fur.jpg”></a>
<a href=”#” onMouseOver=”imagechange(‘pic3’);” onMouseOut=”imagechange(‘clear’);”><img src=”fuzzy.jpg”></a>
<a href=”#” onMouseOver=”imagechange(‘pic4’);” onMouseOut=”imagechange(‘clear’);”><img src=”greychecks.jpg”></a>
</body>
</html>
I know I have the right path to the image but it wont work in the script…
Am I doing something wrong? ?
Thanks…
Trina