PDA

View Full Version : Set Slide Duration for Ultimate Fade-In Slide Show Ver. 1.51



gary.mcgill
02-21-2014, 12:00 PM
1) Script Title: Ultimate Fade-In Slide Show

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

3) Describe problem: I am using Ver. 1.51 Ultimate Fade-In Slide Show. I would like to have the slides sequence with different durations. I don't necessarily care about the transition time. I would like to know if this is possible and an example of the code to do this. Thank you!

ddadmin
02-28-2014, 06:25 PM
The below mod does this, though for the latest version of the script (v2.4). Just use the modified .js file below, and then inside the initialization code, define an imagepauses[] option with the desired pauses (in milliseconds) for each image:


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://www.dynamicdrive.com/dynamicindex4/pool.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["http://www.dynamicdrive.com/dynamicindex4/cave.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://www.dynamicdrive.com/dynamicindex4/fruits.jpg"],
["http://www.dynamicdrive.com/dynamicindex4/dog.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
],
imagepauses: [500, 3000, 500, 4000],
displaymode: {type:'auto', pause:2000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})