PDA

View Full Version : Ultimate Fade-in slideshow (v2.4) Pause



bigblondehead
09-22-2011, 10:04 PM
1) Script Title: Ultimate Fade-in slideshow (v2.4)

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

3) Describe problem: Does anyone know if it's possible to have the first image display for slightly longer than all the others? I'd like the 1st one to display for 10 seconds, then everything from then on out for 6 seconds (including when it cycles around back to the 1st one...just 6 seconds from here to eternity). Thanks!

jscheuer1
09-23-2011, 07:54 AM
Where you have like:


var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:10000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: "",
onslide: function(el, idx){
if(idx){
this.setting.displaymode.pause = 6000;
this.setting.onslide = function(){};
}
}
})

Set the initial displaymode pause to 10000, and add the onslide function as shown. Don't miss the added comma (red) after the togglerid value.

bigblondehead
09-23-2011, 01:25 PM
Thank you...worked perfectly!