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.

Code:

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

Code:

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

Thread: Ultimate Fade-in Slideshow not showing on page

Thread Tools

Search Thread

Ultimate Fade-in Slideshow not showing on page

Bookmarks

Bookmarks

Posting Permissions