Ok, it seems in Lightbox 2, they specify the loading and close image locations in lightbox.js, which seems a little odd.

In fact, for how you're using lightbox, you'd be better off with Slimbox. It's much lighter, and only requires a fraction of the mootools framework.

But I know that's off topic, it's up to you if you want to change .

So the reason the loading and close images don't work for your 'page' directory, is because javascript uses the directory relative to the page it's called from (unlike CSS, which is relative to the file itself).

So, open lightbox.js and modify fileLoadingImage and fileBottomNavCloseImage to:

Code: Select all

fileLoadingImage:        'http://www.freebassaudio.net/images/loading.gif',
fileBottomNavCloseImage: 'http://www.freebassaudio.net/images/closelabel.gif',