Everything worked great on my test server (which I believe is an apache server). So, I proceeded to upload the files to the Microsoft server (Office Live). I then received and email this morning from the client asking why the photo gallery wasn't working.
I was like, hrhhhh?
So, I checked it out. And sure enough, it didn't work. I tested it on a PC with IE 7/Firefox/Safari(PC) and then on my Mac with Safari. So then I did what I normally do, googled "Lightbox and Office Live". I came across one post that sort of pointed me in the right direction. The moderator basically gave an answer to the effect of, "change the extension names from .js to .jsx, that way the server won't cache the .js files".
So I did that, yet the gallery wasn't working quite correctly. I'd click on an image and it would remove my menu. It turns out there's another step you need to do to get it to work correctly.
Open the scriptaculous.jsx file (you renamed it, remember..if not it'll be scriptaculous.js, but it should be changed) and find the three (3) .js in this section:
$A(document.getElementsByTagName("script")).findAll( function(s) {
return (s.src && s.src.match(/scriptaculous\.jsx(\?.*)?$/))
}).each( function(s) {
var path = s.src.replace(/scriptaculous\.jsx(\?.*)?$/,'');
var includes = s.src.match(/\?.*load=([a-z,]*)/);
(includes ? includes[1] : 'builder,effects,dragdrop,controls,slider,sound').split(',').each(
function(include) { Scriptaculous.require(path+include+'.jsx') });
});
}
}
and change them to jsx (like they are in above) or just copy that and replace it in your file.
And there you have it! Working Lightbox on your Office Live server.
On a related side note: I was also having issues with the menu not loading using the swfobject.js, but it didn't concern me as I had a css menu in place if it didn't load correctly. But I changed that to jsx and viola! it works.
Hopefully this helps somebody out there searching for the same thing.