PDA

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



More2Do
09-20-2012, 04:45 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: Changing the "cycles" option from "0" to "1" (see below) does not stop the slideshow from looping. Is there a way to make the slideshow play only once and end on the last slide?

displaymode: {type:'auto', pause:1000, cycles:1, wraparound: false}, persist: false,},

Thank you

jscheuer1
09-20-2012, 06:02 PM
Use the cycles:1 and add the highlighted as shown to your on page init:


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(){
--this.setting.totalsteps;
}
})

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

More2Do
09-20-2012, 08:48 PM
Thanks for your response, however, it still wants to loop. Any other thoughts? Below is my code

displaymode: {type:'auto', pause:1000, cycles:1, wraparound: false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 1500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "",
oninit: function(){
--this.setting.totalsteps;
}
})

jscheuer1
09-20-2012, 10:01 PM
Works here and for many other folks. This is the standard method for that. Unless you mean that once it's in manual mode that you can navigate from last to first and vice versa. Is that the problem? Do you want that prevented? If so, that can be arranged, let me know.

Otherwise though, the above will stop auto rotation after one go through and at the last image.

The browser cache may need to be cleared and/or the page refreshed to see changes.

If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.

More2Do
09-21-2012, 12:01 AM
Thank you. I tested it in Firefox and Safari and both show the same issue. I'm using the slideshow effect as a simple animation (to avoid using Flash or an animated gif). Here's the url:

http://www.edge-market.com/test/test/index.html

jscheuer1
09-21-2012, 05:06 AM
Your copy of fadeslideshow.js has been edited. Get a fresh copy from the demo page and use that.

I made a mock up of the page using the original version of the script and it worked as expected/desired.

The browser cache may need to be cleared and/or the page refreshed to see changes.

More2Do
09-21-2012, 04:25 PM
Yes, that worked. Thank you!