The only reason that I can see that its not working with 0 is:
Code:
</head>
<body>
<div id="motioncontainer" style="position:relative;overflow:hidden;">
<div id="motiongallery" style="position:absolute;center:0;top:0;white-space: nowrap;">
<nobr id="trueContainer">
<img src="images/im34.jpg"border=0>
<img src="images/ . . .
Which is known as invalid, center is not a style property (it can be used as a style value in some cases, but never as a property like you have it there) It should be:
Code:
</head>
<body>
<div id="motioncontainer" style="position:relative;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;">
<nobr id="trueContainer">
<img src="images/im34.jpg"border=0>
<img src="images/ . . .
Once I changed that, it worked fine with var startpos=0;. Now, the images:
images/im17s.jpg
images/im03s.jpg
aren't on the server, or if they are, their names are different (upper and lower case matter on the web in filenames, locally they usually do not). This is not a big problem, but they will show as broken images in some browsers, so either remove them from the source code, or make sure that they are on the server and spelled correctly, including case.
I would also highly recommend that you optimise the images used on the page, many (if not all) are of a much larger byte size than necessary, dramatically slowing page load.
Finally (for now) if you are Matthew Reed, don't ever stop taking photographs, they are very good shots!
Bookmarks