What I have is a is two sets of images,(Weather, optical) there is about 30 images of is each set.
I have script that will rotate through the images on the main page.
The user is able to view one or the other img sets with a simple onclick
This works great in Mozilla but in IE I get the error document[...]null or not an object, line 95, char 4.
I've spent hours on this, but no luck.
javascript
noDiv() is called from the page load and the java works from there.
This problem is in my switchDiv() function, but I haven't been able to solve it.
here is the html
-
<!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" xml:lang="en">
-
<head>
-
<script type="text/javascript" src="support/cookie.js"></script>
-
<script type="text/javascript" src="support/main.js"></script>
-
</head>
-
<body onload="noDiv()">
-
<div id="navtrail2">
-
<span onclick="switchDiv('weather_pic')"> Weather Pictures</span> :
-
<span onclick="switchDiv('optical_pic')"> Optical Pictures</span>
-
</div>
-
<!-- Start right Column box -->
-
<div id="righcolbox">
-
<div id="weather_pic">
-
<img height="385px" width="385px" align="right" border="3" id="id_weather" src="img/revised/1.png" alt="Weather Images" />
-
</div>
-
<div id="optical_pic">
-
<img height="385px" width="385px" align="right" border="3" id="id_optical" src="img/Optics/1.jpg" alt="Optical Images" />
-
</div>
-
-
<!-- End right Column box -->
-
</div>
-
</body>
-
</html>
-
could someone help with this?