Lytebox in an iframe within an iframe
I decided to rebuild my art site using lytebox, since it seemed to allow a much greater control over the layout. I've never used iframes before, but I was able to make them work fine - so I decided to use an iframe within an iframe to simplify navigation within my gallery.
But when the time came to implement lytebox, it didn't work (http://www.fanelorn.net/litebox/ click gallery to see the iframe-in-iframe action; only the lithography page has any content) - even though I added both lines of code (for the .css and .js files) in all three pages involved, the main one, the first iframe and the second iframe. I tried to circumvent this problem by re-coding the gallery page so it would only require one iframe, but still no go. (http://www.fanelorn.net/litebox/gallery.html)
The problem is different in each case, though; in the iframe-in-iframe version, the second iframe suddenly gets huge scrollbars, and the image doesn't load; in the second, simplified version, the box does show up, and it resizes roughly into the right size, but the image still doesn't load. The image is definitely uploaded, by the way; if I strip the lytebox codes, it loads normally.
I really would like to make the iframe-within-an-iframe version work, because it'll simplify site management and updating a lot to me; but I'm willing to work with the simpler, one-iframe-only version if the former proves impossible. Any help will be much appreciated!
Nevermind. I've found a way to make the simpler version work, since its only problem was the image that wouldn't load.
In case anyone has the same problem: the image link has to be fully written, ie "http://www.somepage.com/images/image1.jpg" and not just "images/image1.jpg". Ironically enough, this particular problem only seems to affect firefox; IE will load the image in both ways, no problem.
I'll be taking down the test directory, so the links I posted won't work anymore.