PDA

View Full Version : Ultimate Fade-in slideshow (v2.1)



ChetMan
11-02-2009, 12:57 PM
I have labored for hours trying to get the new Ultimate Fade-in slideshow (v2.1) to work with no success. I liked the former 1.5 version, but found it deficient in some browsers. This new version appears to work in all browsers - at least from the DynamicDrive page.

Here is a link to the Source Code: http://www.christianexecutivenetwork.com/index2.htm

Here is an abreviation of the code itself:
--------------------------------------------------------------
<!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=iso-8859-1">
<title>Christian Executive Network</title>
<meta name="description" content="The Christian Executive Network - Equipping Christian Executives for Effective Service">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.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: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [947, 517], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["Images/Index/CENIndexImage01.jpg", "http://www.ChristianExecutiveNetwork.com/HTML/AboutUs.htm", "_self"],
["Images/Index/CENIndexImage02.jpg", "http://www.ChristianExecutiveNetwork.com/HTML/AboutUs.htm", "_self"],
["Images/Index/CENIndexImage20.jpg", "http://www.ChristianExecutiveNetwork.com/HTML/AboutUs.htm", "_self"] // <--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: ""
})

</script>

</head>

<body bgcolor="#b2bdc4">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td nowrap><div align="center"><a href="index.htm"><img src="Images/General/CENWebBanner4.png" width="700" height="100" vspace="3" border="0"></a></div>
</td>
</tr>
</table>
<table width="100%">
<tr>
<td><div id="fadeshow1"></div>
<div align="center" class="Body12pxBlue">Copyright &copy; 2009 The Christian Executive Network - All rights reserved</div>
</td>
</tr>
</table>
</body>
</html>
--------------------------------------------------------------
Can someone PLEASE tell me what I'm doing wrong?!

jscheuer1
11-02-2009, 01:58 PM
You need the fadeslideshow.js file. Upload it to the same folder as your page.

There could also be other problems.

ChetMan
11-03-2009, 12:12 PM
Thanks, John! I'll give this a try.