PDA

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



LearningCenter88
11-06-2009, 05:47 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: I want all my images to keep going without pausing (onmouseover)

Help!

Thanks,
LearningCenter88

jscheuer1
11-06-2009, 06:07 PM
Find this in the main script and add the highlighted:


showslide:function(keyword){
var slideshow=this
var setting=slideshow.setting
if (!setting.nomousepause && setting.displaymode.type=="auto" && setting.ismouseover && setting.currentstep<=setting.totalsteps){ //if slideshow in autoplay mode and mouse is over it, pause it
setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, setting.displaymode.pause)
return
}

Then in your on page declaration add the highlighted, ex:


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:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
nomousepause: true, //no pause onmouseover (true or false)
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})

LearningCenter88
11-06-2009, 06:18 PM
It worked! You're Da MAN! Thank you John!

Regards,
LearningCenter88