PDA

View Full Version : Ultimate Fade-in Slideshow not showing on page



teresamar2
11-15-2010, 05:23 AM
1) Script Title: Ultimate Fade-in slide show

2) Script URL (on DD):

3) Describe problem: Nothing shows on my webpage. What am I doing wrong? Any help is appreciated. I'm using dreamweaver cs4 to build website.


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<title>slideshow</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">

<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: [750, 450], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://www.ttcollectiblegifts.com/shanmu_bowls_cover.jpg", "", "http://www.ttcollectiblegifts.com/shanmu.html", ""],
["http://www.ttcollectiblegifts.com/cottage_garden_cover.jpg", "", "http://www.ttcollectiblegifts.com/cottagegarden.html", ""],
["http://www.ttcollectiblegifts.com/baby_gifts_cover.jpg"],
["", "http://www.ttcollectiblegifts.com/baby.html", "", ""] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:4000, cycles:0, wraparound:false, randomize:true},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 1500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})


</script>
</head>


<body>
<div id="fadeshow1"></div>

</body>
</html>

jscheuer1
11-15-2010, 07:49 AM
If absolutely nothing is showing up, it's probably because the required file fadeslideshow.js is missing. Put it in the same folder as the page. If you don't have a copy, get one from the demo page.

However, here (see highlighted and red):


<script type="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [750, 450], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://www.ttcollectiblegifts.com/shanmu_bowls_cover.jpg", "", "http://www.ttcollectiblegifts.com/shanmu.html", ""],
["http://www.ttcollectiblegifts.com/cottage_garden_cover.jpg", "", "http://www.ttcollectiblegifts.com/cottagegarden.html", ""],
["http://www.ttcollectiblegifts.com/baby_gifts_cover.jpg"],
["", "http://www.ttcollectiblegifts.com/baby.html", "", ""] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:4000, cycles:0, wraparound:false, randomize:true},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 1500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})


</script>

there's no image specified. That should only result in a blank spot or broken image token in the place of one of the slides.

If fadeslideshow.js really is missing, fix that first.

If you want more help:

Please post a link to a page on your site that contains the problematic code so we can check it out.