problem with Ultimate Fade-in slide show v2.4

[boozey]

Hello,

Based on an earlier reply to a question about the peekaboo function of the:

http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

I have reset the value to 1000 make the captions appear more slowly, but there is a curious effect with the comments now. The comment from the next slide appears as soon as the transition between slides begins, then disappears, then reappears with the next slide as intended.

The slide duration ("pause") is set as 7000, and the slide transition ("fadeduration") to 900


I have a test demo at

http://www.infinitesynergy.co.uk/rollover/html/untitled4.html

and would be grateful if anyone can tell me how to resolve this before I build a full slideshow and implement the script on a working site.

Many thanks

[jscheuer1]

First restore the fadeslideshow.js script or get a fresh copy from the demo page and use that. It's been edited it in the wrong place.

Next, make the change where the author intended it to be made, here near the top of the file (highlighted and red):


/* Ultimate Fade-in slideshow (v2.4)
* Last updated: May 24th, 2010. 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
//May 24th, 10' (v2.4): Adds new "peakaboo" option to "descreveal" setting. oninit and onslide event handlers added.

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

//No need to edit beyond here...

That should do it!

[boozey]

Nice one John,

It works perfectly now,

Thanks for the very prompt help

[boozey]

Hi John,

Last question on this - I've had a go myself at this and searched the forums but cant find the answer - is it possible to center align the caption text?

Thanks

[jscheuer1]

Put this in the head of your page:


<style type="text/css">
.descpanelfg {
text-align: center;
}
</style>

or add its rule to an existing stylesheet.

[boozey]

Much obliged John,

It's now perfect.