Ultimate Fade-in slideshow (v2.4) Help

[perkiekat]

1) Script Title: Ultimate Fade-in slideshow (v2.4)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem:

I want to use this script on a web page that already has a <div> for the area I want to place the <div id="fadeshow1"></div> at.

When I replace the current tag:

<div id="box2"><a href="#"><img src="images/homepage_01.jpg" alt="" width="515" height="297" border="0" /></a></div> with the <div id="fadeshow1"></div> tag, the slideshow will not work plus the area goes away when I put the fadeshow1 tag there. Could someone please help me make this work? I do not know what to do in order to make the two tags work together. Any help/suggestions would be deeply appreciated.

Thank you!

[perkiekat]

I got this script working...I was testing on a local server instead of remote...now it works! Thanks anyway. If I run into any other issues with this I'll post.

Great script!

[perkiekat]

Ok...
I have an issue with the description of each image showing up. It was working until I happen to click the little restore button...everything disappeared and I had to take out each image description to get it to show up again.

Here is the way I had the images:

<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: [515, 297], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images/banner1.jpg"], "","", "Description of image here"],
["images/banner2.jpg"], "","", "Description of image here"],
["images/banner3.jpg"], "","", "Description of image here"],
["images/banner4.jpg"], "","", "Description of image here"],
["images/banner5.jpg"], "","", "Description of image here"],
["images/banner6.jpg"], "","", "Description of image here"],
["images/banner7.jpg"], "","", "Description of image here"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:6, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 900, //transition duration (milliseconds)
descreveal: "always",
togglerid: ""
})

Then I removed the image descriptions and the slideshow appeared again. What am I not doing right? And how can the slideshow be restored once the button is clicked?

Thank you for your help!

[jscheuer1]

This is atypical behavior. I'd really have to see an example of the problem and be told, step by step what I have to do, and in what browser, in order to duplicate the issue.

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

[perkiekat]

I understand. The sideshow is only on the home page.

I really like to get the images to show a description instead of only images. Right now when you view the testing site, you will only see the image links in the source code.

Thanks again.

[jscheuer1]

The only potential problems I see there are the two versions of jQuery + the addition of the jQuery UI.

Try it without those, see if that fixes it. Get rid of:

<script src="jquery-ui-1.7.2/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.7.2/js/jquery-ui-1.7.2.min.js" type="text/javascript"></script>

and any code that depends upon those.

If that fixes it, we will need to find and correct the conflict.

Either way, I need to see a demo of the problem, and know what to do, in what browser, to duplicate the problem. There's nothing to fix on that page. I made a copy with:

<script type="text/javascript">

var mygallery=new fadeSlideShow({
	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
	dimensions: [515, 297], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["images/banner1.jpg", "","", "Description of image here"],
		["images/banner2.jpg", "","", "Description of image here"],
		["images/banner3.jpg", "","", "Description of image here"],
		["images/banner4.jpg", "","", "Description of image here"],
		["images/banner5.jpg", "","", "Description of image here"],
		["images/banner6.jpg", "","", "Description of image here"],
		["images/banner7.jpg", "","", "Description of image here"] //<--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: 900, //transition duration (milliseconds)
	descreveal: "always",
	togglerid: ""
})

</script>

And as far as I can tell, there's nothing to fix on that page either. Please put up a separate page that shows the problem and tell me exactly what I have to do, and in what browser, to duplicate the problem.

[perkiekat]

Thanks John,

That's the issue. When I put the captions back on, the whole slideshow disappears. I will try to do what you said by removing the doubles.

[perkiekat]

Welp...that took out my sidebar date picker...have to keep that. I'll just leave it alone for now. Thanks for all your help.

[jscheuer1]

It might be just the captions then, something wrong with them, like an unescaped " mark.

If you just put up a demo of the problem, like I've been asking, it should be pretty easy to either solve, or at least see if there really is a script conflict and how that might be resolved.

Put it up with the captions. It can be an orphan page with no links to it from your other pages.

[perkiekat]

The only thing I changed in the .js file was the background color from black to this:

.eq(0).css({background:'#f7ead9', opacity:0.7}).end() //"descpanelbg" div

It was showing when I first placed on the server, then I clicked the little button on the caption area and it completely went away and I can't get it back without removing the links, caption areas where the images go.

Thank you very much for your help. I truly appreciate it.