Find this function and add the red parts:
Code:
function ShowSlide(Direction) {
var ddiv=document.getElementById? document.getElementById('ddiv') : document.all['ddiv'];
if (SlideReady) {
NextSlide = CurrentSlide + Direction;
// THIS WILL DISABLE THE BUTTONS (IE-ONLY)
document.SlideShow.Previous.disabled = (NextSlide == 0);
document.SlideShow.Next.disabled = (NextSlide ==
(Slides.length-1));
if ((NextSlide >= 0) && (NextSlide < Slides.length)) {
document.images['Screen'].src = Slides[NextSlide].src;
CurrentSlide = NextSlide++;
Message = 'Picture ' + (CurrentSlide+1) + ' of ' +
Slides.length;
self.defaultStatus = Message;
ddiv.innerHTML = Message;
if (Direction == 1) CacheNextSlide();
}
return true;
}
}
Add this to the body markup:
Code:
<form name="SlideShow">
<table>
<tr>
<td colspan=2><img name="Screen" width=140 height=225></td>
</tr>
<tr>
<td colspan="2"><div id="ddiv"></div></td>
</tr>
<tr>
<td><input type="button" name="Previous"
value=" << "
onClick="ShowSlide(-1)"></td>
<td align="right"><input type="button" name="Next"
value=" >> " onClick="ShowSlide(1)"></td>
</table>
</form>
Bookmarks