View Full Version : Ultimate Fade-in slideshow - images not loading

02-10-2010, 05:28 PM
1) Script Title: Ultimate Fade-in slideshow (v2.1)

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

3) Describe problem: images not loading...


been playing with this for some time & had a look around the forum, but still having an error with the script below.The slideshow is black :-/


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

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

<script type="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [400, 300], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["/images/slideshow/fp1.jpg", "", "", ""],
["/images/slideshow/fp2.jpg", ""],
["/images/slideshow/fp4.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: ""


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

// JavaScript Document

/* Ultimate Fade-in slideshow (v2.1)
* Last updated: Sept 10th, 2009. This notice must stay intact for usage
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code

//Oct 6th, 09' (v2.1): Adds option to randomize display order of images, via new option displaymode.randomize

var fadeSlideShow_descpanel={
controls: [['/images/slideshow/fp3.jpg',7,7], ['/images/slideshow/fp2.jpg',10,11], ['/images/slideshow/fp1.jpg',54,55]], //full URL and dimensions of close, restore, and loading images
fontStyle: 'normal 11px Verdana', //font style for text descriptions
slidespeed: 200 //speed of description panel animation (in millisec)

//No need to edit beyond here...


I have other scripts running on the page...hopefully there is not a conflict

Any assistance is greatly appreciated! :)

02-11-2010, 09:31 AM
Please post a link to the page on your site that contains the problematic script so we can check it out.

02-11-2010, 10:38 AM
Please post a link to the page on your site that contains the problematic script so we can check it out.

I have been doing all my testing locally on my drive tho
Only upload everything once its running 100%

Have the same error in IE8/ Firefox 3.6/ Opera 9.5.2

Anything else to diagnose?


02-11-2010, 10:33 PM
Just looking at your code its hard to tell what the issue is, such as a broken reference to one of the .js files etc.

02-12-2010, 12:05 PM
uploaded the site and the pictures loaded fine first time but then never ran properly again? Sometimes manage to get the second image loading. Same in Firefox/IE8/ Opera - will keep looking for code errors -

Read there was a buggy js script on the forum - sourced mine from
is this one the latest release?

thanx for assistance

02-12-2010, 09:59 PM
Yep it is the latest. Did you manage to upload a sample page running the slideshow online?

02-13-2010, 07:05 PM
I'm pretty sure its a java script conflict, been having problems attempting other new scripts. Spent too long trying to do something relatively simple.

Thanx anyway admin

02-13-2010, 09:14 PM
Ok, inside the .js file, try commenting out the below line (new code in red):


02-15-2010, 09:17 AM
Hi, still not working with the conflicting round corners js - definitely the problem as the fadeslideshow works a treat without it.

Maybe I will remove the rounded corners off the page where Im running the fadeslideshow script..... should be fine

Thanx for the tips tho! ;)

02-16-2010, 01:14 PM
looks great - thanx