Hi Roddy and Mr. Old Toad,
I followed the instructions (I think), but my control images aren't showing up. I'm wondering if it's this /1/ that was already part of the code URL (see below) that's not in my hosted file name, which is just http://www.markdotzler.com/slideshow/images ....any help would be appreciated.
// set initial values
var slideWidth;
var slideHeight;
var frameHeight;
var frameWidth;
var scroller;
var slideshow;
var thumbnails;
var hud;
var thumbMatte = 89;
var pickerHeight = 100;
var browser;
var baseURL = "http://www.markdotzler.com/1/slideshow/";
var windowWidth = 800;
var windowHeight = 800;
function initScroller(startPoint) {
var thumbZone = $('thumbnailPicker');
var scrollbar = appendDiv(thumbZone, "scrollbar");
scrollbar.style.top = "84px";
scrollbar.style.left = 0;
scrollbar.style.width = thumbZone.getWidth() - 2 + "px";
scrollbar.style.height = "15px";
var bar = appendDiv(scrollbar, "bar");
bar.style.top = 0;
bar.style.left = 0;
bar.style.width = "100%";
bar.style.height = "13px";
var dragTool = appendDiv(scrollbar, "dragtool");
dragTool.style.top = "1px";
dragTool.style.left = 0;
dragTool.style.width = "26px";
dragTool.style.height = "13px";
dragTool = $(appendImage(dragTool, 'http://www.markdotzler.com/1/slideshow/images/dragger.gif', null, 24,13));
dragTool.setStyle({ margin: '0 1px' });
var ruler = appendDiv(scrollbar, "ruler");
ruler.style.top = 0;
ruler.style.left = 0;
scroller = new Scroller();
if (startPoint != null) {
scroller.jumpTo(startPoint);