PDA

View Full Version : Fadeslideshow works in Firefox, but not IE



cinderella
06-10-2010, 05:30 PM
1) Script Title: Ultimate Fade In Slideshow v2.0

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: I have used this script before with no issues in IE. This time, the slideshow works fine in Firefox, but in IE8; the slideshow will not display at all (just a blank space.) You will notice a stylesheet called "photo_click.css" as this is my main stylesheet (because I have galleries on other pages.) Also, I have linked javsacript source file "Scripts/AC_RunActiveContent.js" as it has been needed previously when I ran this script. I should also mention I have not tried to work this script live, I have just used the Dreamweaver "Preview" function.

Any suggestions on how to fix this IE issue would be much appreciated!

Here is the code:

[CODE]
<!DOCTYPE HTML><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Construction and Renovations</title>

<link rel="stylesheet" media="all" type="text/css" href="photo_click/photo_click.css" />

<style type="text/css">
<!--
body,td,th {
color: #000000;
}
body {
background-color: #2D180B;
}
.style8 {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-style: italic;
}
a {
font-family: Times New Roman, Times, serif;
color: #006666;
font-style: italic;
}
a:visited {
color: #666666;
}
a:hover {
color: #006666;
}
a:active {
color: #006666;
}
-->
</style>

<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible";
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden";
}
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<script type="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "slideshow", //ID of blank DIV on page to house Slideshow
dimensions: [403, 472], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images/slide1.jpg"],
["images/slide2.jpg"],
["images/slide3.jpg"],
["images/slide4.jpg"],
],
displaymode: {type:'auto', pause:6000, cycles:2, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 200, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})

</script>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>


<div id="wrapper">
<div id="header"><img src="images/header.jpg" alt="" width="964" height="160" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="574,21,634,52" href="index.html" alt="Home" />
<area shape="rect" coords="670,22,737,51" href="about.html" alt="About" />
<area shape="rect" coords="780,20,837,51" href="team.html" alt="Team" />
<area shape="rect" coords="875,22,946,50" href="contact.html" alt="Contact" />
</map></div>

<div id="nav"><img src="images/nav.jpg" alt="" width="964" height="62" border="0" usemap="#Map2" />
<map name="Map2" id="Map2"><area shape="rect" coords="15,20,133,46" href="bathrooms.html" alt="Bathrooms" />
<area shape="rect" coords="184,19,291,49" href="kitchens.html" alt="Kitchens" />
<area shape="rect" coords="340,15,459,47" href="additions.html" alt="Additions" />
<area shape="rect" coords="500,18,620,49" href="basements.html" alt="Basements" />
<area shape="rect" coords="691,19,774,48" href="living.html" alt="Living" />
<area shape="rect" coords="834,21,940,50" href="projects.html" alt="Projects" />
</map></div>
<div id="content">
<div id="slideshow"></div>
<p class="style5">&nbsp;</p>
<div id="text_home">Content for id "text_home" Goes Here</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p class="style5"><br />
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img src="images/BBB_logo.jpg" alt="BBB" width="60" height="98" align="right" /></p>
<p>&nbsp;</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="style8"></span></p>
<p><br />
</p>
</div>
<div id="bottom"><img src="images/bottom.jpg" alt="" border="0"
</div>
</div>
<p>&nbsp;</p>
</body>
</html>

azoomer
06-10-2010, 06:18 PM
["images/slide1.jpg"],
["images/slide2.jpg"],
["images/slide3.jpg"],
["images/slide4.jpg"], //<--no trailing comma after very last image element!
],

cinderella
06-10-2010, 07:58 PM
Thank you!!!!!!!!!!! :)