FrogJS Gallery help please

[pencil2print]

1) Script Title: FrogJS Image Gallery

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...ogjs/index.htm

3) Describe problem: http://warrenvillerailroad.com/gallery.html

Hi all

The gallery isn't working clearly. When you go to the page, all images blink in thumbnail, then it goes to the beginning of the gallery with one main image. The loading icon is on, but nothing else happens, and nothing else loads.

help please?

[azoomer]

seems like the large pictures are not in the image folder, only DSC_0315.jpg
Whatever the reason, the paths to the other large images are not working.

[pencil2print]

i have all the images in the right folder. and got the coding directed to them correctly.. even checked the upper and lower cases just in case.

it worked perfectly when I tested in Dreamweaver off-line.

[azoomer]

this path goes straight to the first image
http://warrenvillerailroad.com/images/DSC_0315.jpg
whereas this
http://warrenvillerailroad.com/images/DSC_0317.jpg
goes to an error page

[pencil2print]

I got it figured out.. the .jpg was capped on the larger images and lowercased on the thumbnail images. I knew it had to be something silly that was easily overlooked.

now, how to space out the thumbnails on the viewer so it's not overlapping.

[azoomer]

Im guessing that if you look in the js file for these numbers

var rThumb1 = document.createElement("img");
		rThumb1.setAttribute('id','FrogJSrightThumb1');
		rThumb1.style.display = 'none';
		rThumb1.style.position = 'absolute';
		rThumb1.style.top = thumbTop;
		rThumb1.style.right = '0';
		rThumb1.style.cursor = 'pointer';
		ribbit.appendChild(rThumb1);
		
		var lThumb1 = document.createElement("img");
		lThumb1.setAttribute('id','FrogJSleftThumb1');
		lThumb1.style.display = 'none';
		lThumb1.style.position = 'absolute';
		lThumb1.style.top = thumbTop;
		lThumb1.style.left = '0';
		lThumb1.style.cursor = 'pointer';
		ribbit.appendChild(lThumb1);
		
		var rThumb2 = document.createElement("img");
		rThumb2.setAttribute('id','FrogJSrightThumb2');
		rThumb2.style.display = 'none';
		rThumb2.style.position = 'absolute';
		rThumb2.style.top = thumbTop;
		rThumb2.style.right = '0';
		ribbit.appendChild(rThumb2);
		
		var lThumb2 = document.createElement("img");
		lThumb2.setAttribute('id','FrogJSleftThumb2');
		lThumb2.style.display = 'none';
		lThumb2.style.position = 'absolute';
		lThumb2.style.top = thumbTop;
		lThumb2.style.left = '0';
		ribbit.appendChild(lThumb2);

and change 0 to something like 100px or -100px, that might move the thumbs, I think !!

[pencil2print]

Im afraid to mess too much with it, lol. the notes on the script page gave me an idea what to move, so I just shoved it up as much as I could

thanks for your help!!