If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

The goal is to get the same image to load in Lightbox when visitors visit the homepage of my organization. I've created a test page on that server, which can be found at http://nedap.org/indextest.html . As you can see it's not working out well - the image appears way down on the page and there is no lightbox function.

The code for the page is extremely long and I don't know where to insert the various elements from the test page. You can view the page source at http://www.nedap.org . I've also uploaded the entire source below. Rather than troubleshoot my shots in the dark (I put the javascript in the header as instructed - I also put the stylesheet line there as well and put the lightbox line in the middle of the body....) perhaps someone could have a look at the source and suggest where to put in the First Light code.

BTW, the page is in quirks mode. Perhaps because of that, and/or because of other things, it doesn't look very good in most browsers. Looks fine in IE 9 though. It's relying upon IE quirks, which aren't the same as other browser's quirks. As a result, if you put it in standards mode by supplying a standards invoking DOCTYPE, it would look bad in IE as well. But that's probably the way to go. Once you fix it in standards mode, it should be fine or easy enough to tweak to be fine in other browsers.

Thanks - you caught my second post in the time it took me to realize it was just a directory issue. (Wanted to save you the trouble.) I ended up changing the directories in lightbox.js . Thanks for all the help and the website critique. I'll look into what you suggested. We're doing a complete overhaul of the site and the light-box is meant to warn for that.

So this looks great in everything except Safari - We tested it on Iphones/Ipads and Safari on an Imac - it looks insane on all of them - the code is splayed all over the page and the pop up doesn't function. Any idea what could be done to fix this?

I hadn't checked Opera, though it did work for me in Chrome. I am unable to change anything about the site. In fact, the whole point of the splash page is to advertise our new website. So I have to work with the menus and everything else that already exist. I need a splash page that loads automatically. The one that you put together was perfect and worked perfectly on Firefox. These questions are elementary but - would stipulating a DOCTYPE solve this issue? Or as long as we have these menus I have to go with a different Javascript code? Could you or someone else suggest one that might not have these issues? We only need one image to show once per browser session. Nothing else.

Greetings I found this post through google and against better judgement decided to try to set up this lightbox, and it worked great.
I had no issues with it, I just followed the instructions..
Though I discovered it uses Div Layers and it messed up some other div layers I have ( you might be able to modify the id and z-index in the css) .. my quick solution was to relocate the other div layers in question into a iframe. The script works great on all browser except opera which moves the box down. i mostly disregard IE but it seemed to work though it loads slow as expected.. you might be able to see it in action onsite..