Actually, the script doesn't even run for me in FF on your page. Looking at the source, there are a few issues that certainly may be the contributing reasons. Firstly, there should be no semicolon at the very end of your config code (in red):
Code:
if(statusA == 3){
var obj1= document.getElementById('n1'); obj1.style.border = "none";
var obj2= document.getElementById('n2'); obj2.style.border = "none";
var obj3= document.getElementById('n3'); obj3.style.border = "solid 1px #000";
}
},
})
Secondly, the HTML you're showing within each "panel" DIV is totally out of whack. For example:
Code:
<div class="belt">
<div class="panel">
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="afbeelding"><img src="images/1.jpg" /></div>
<div id="overlay">
<b>Content inside DIV!</b><br />
<b>Note: Fade effect enabled. Height programmically defined. DIV hidden using inline CSS.</b><br />
</div>
</body>
</html>
</div>
Why are there a whole bunch of doctype, HEAD, even BODY tags within this HTML? It should be a simple:
Code:
<div class="panel">
//valid BODY HTML here
</div>
New Comer (less than 5 posts)
Stuck with Step Carousel Viewer
Posting Permissions
Reply With Quote
Bookmarks