Stuck with Step Carousel Viewer [Archive]

SkyR

08-26-2008, 10:02 PM

1) Script Title: Step Carousel Viewer 1.4

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

3) Describe problem:
Hi all,

I'm having problems with the Step Carousel Viewer 1.4 on IE7. It all works fine in Firefox, but it breaks in IE, and I can't figure out just where the problem lies in my code. The problem can be seen at http://student.cmd.hro.nl/0780525/showcaseV2/indexie.php
Can anybody point me in the right direction?

ddadmin

08-27-2008, 08:30 AM

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):

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:

<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:

<div class="panel">
//valid BODY HTML here
</div>