I'm assuming you want a resume button. If so, add the highlighted as shown to your on page call:
Code:
. . . ["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:
Code:
<a href="#" class="resume">resume</a>
or preferably:
Code:
<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.
Bookmarks