Rooinek
08-13-2010, 04:31 PM
1) Script Title: Ultimate Fade-in Slideshow 2.4
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
3) Describe problem: I'm feeling very stupid right now and admit that I'm a newbie. I have been trying to get the script working for hours but no joy.
I wondered if the issue was the .js script but other similar scripts I've used work. More like I'm just not understanding the instructions. Below is the code for my test page. I've also noticed that when the <icode><div id="fadeshow1"></div></icode> code is placed where I wish the slide show to appear then the whole table in which it is nested moves outside of the intended position (GoLive CS2).
Here is the code:
<code>
<!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" />
<meta name="generator" content="Adobe GoLive" />
<title>Hotel management services | Elliott Lodging</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
<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: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [647, 172], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["image1.jpg"],
["image2.jpg"],
["image3.jpg"],
["image4.jpg"],
["image5.jpg"],
["image6.jpg"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
</script>
</head>
<body>
<table width="779" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="304"><img src="images/ELheaded.jpg" alt="" width="304" height="172" border="0" /></td>
<td width="647">
<div id="fadeshow1"></div>
</td>
</tr>
<tr>
<td width="304"></td>
<td width="647"></td>
</tr>
</table>
</body>
</html>
</code>
I did try using Swiss Army slide show. It worked - sort of, in that I just wanted the automatic slide show and not the control buttons. Also it sat low in a table even though I had the table set for contents to line up at the top. But that's a side issue unless I can't get Ultimate to work. Thanks.
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
3) Describe problem: I'm feeling very stupid right now and admit that I'm a newbie. I have been trying to get the script working for hours but no joy.
I wondered if the issue was the .js script but other similar scripts I've used work. More like I'm just not understanding the instructions. Below is the code for my test page. I've also noticed that when the <icode><div id="fadeshow1"></div></icode> code is placed where I wish the slide show to appear then the whole table in which it is nested moves outside of the intended position (GoLive CS2).
Here is the code:
<code>
<!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" />
<meta name="generator" content="Adobe GoLive" />
<title>Hotel management services | Elliott Lodging</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
<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: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [647, 172], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["image1.jpg"],
["image2.jpg"],
["image3.jpg"],
["image4.jpg"],
["image5.jpg"],
["image6.jpg"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
</script>
</head>
<body>
<table width="779" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="304"><img src="images/ELheaded.jpg" alt="" width="304" height="172" border="0" /></td>
<td width="647">
<div id="fadeshow1"></div>
</td>
</tr>
<tr>
<td width="304"></td>
<td width="647"></td>
</tr>
</table>
</body>
</html>
</code>
I did try using Swiss Army slide show. It worked - sort of, in that I just wanted the automatic slide show and not the control buttons. Also it sat low in a table even though I had the table set for contents to line up at the top. But that's a side issue unless I can't get Ultimate to work. Thanks.