PDA

View Full Version : Unable to resume slideshow



Mirkel
04-04-2011, 01:02 AM
1) Script Title: Janet Kelman's Event Page

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

3) Describe problem: After I click on a button to go previous or next, the slideshow stops and has to be used manually. I want it to resume playing after hitting a button. I know how to create the button, but I don't know how to code this action.

URL for the site:

http://www.dbrco.net/jk.2009/events.html

jscheuer1
04-05-2011, 09:52 AM
I'm assuming you want a resume button. If so, add the highlighted as shown to your on page call:


. . . ["Images/Claudia-slide8.jpg"]
//<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:4000, cycles:0, wraparound:false, pauseonmouseover: true},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
resume: true,
descreveal: "always",
togglerid: "slideshowtoggler",
oninit: function(){
var sObj = this,
$resume = this.setting.$togglerdiv.find('.resume').bind('click', function(e){
e.preventDefault();
if(sObj.setting.displaymode.type !== 'auto'){
sObj.setting.displaymode.type = 'auto';
sObj.showslide('next');
$resume.css({cursor: 'wait', cursor: 'progress', cursor: 'not-allowed'}).animate({opacity: 0.5});
if(window.opera)$resume.css({cursor: 'progress'});
}
}).css({opacity: 0.5, cursor: 'wait', cursor: 'progress', cursor: 'not-allowed'});
if(window.opera)$resume.css({cursor: 'progress'});
this.setting.$prev.add(this.setting.$next).add(this.setting.$togglerdiv.find('p a')).click(function(){
$resume.css({cursor: 'pointer'}).animate({opacity: 1});
});
}
})

</script>

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

Then in your slideshowtoggler division, add something like this:


<a href="#" class="resume">resume</a>

or preferably:


<a href="#" class="resume"><img src="resume.png" style="border-width:0" /></a>

You'll need to find or make a resume.png image for it though, if you haven't already.

Mirkel
04-06-2011, 01:53 AM
Oh, my gosh, it *WORKS*!! Thank you so much. I have been trying to make a resume button work for hours the past two days. : )