PDA

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



Gerald800
10-12-2012, 01:52 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: This slideshow script has almost everything I was looking for but the "pause" facility when the mouse is over the image causes me a problem. Is it possible to add another control function "pausemouseover:false"? This I have seen this control function in other scripts but this one does not have it? I do not really know a great deal about script writing so please keep this in mind when replying.

jscheuer1
10-12-2012, 02:53 PM
You're right, it has no setting for that. You can add an oninit setting to the on page new fadeSlideShow() call that will take care of it (addition highlighted):


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:1, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: "",
oninit: function(){
var sObj = this.setting;
sObj.$wrapperdiv.bind('mouseenter', function(){sObj.ismouseover = false;});
}
})

Don't miss the added comma (red) after the togglerid value.