My question is: How is it possible to utilize Shadowbox WITH rollover scripts and preloaded images?
I forgot to mention that I am able to use Lightbox on similar pages (pages with the same rollover navigation, etc.) without any conflicts. I hoped to switch to Shadowbox due to it's sleeker appearance and ability to show more than photos.
I had a LOT of conflicting things happening with Shadowbox, but I seem to have resolved them one-by-one.
1) Different effects (photo gallery, video) would have different rates of success in different browsers. Sometimes a video would open correctly in FF -- but if I scrolled down the page in IE, the video would open partially above the window instead of being centered in the browser, depending on the position of the thumbnail or link on the original page. The videos won't open at all in Safari (the photo galleries do, however).
2) When I changed the doc heading from <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> to <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN"> many (but not all) of the layout tables using cell spacing got knocked out of kilter on my thumbnails. I resolved this by making a frame effect graphically around the thumbnails instead of in code.
4) I too, had problems with preloaded images. Maybe because I have so much code on my pages left over from previously made pages, I found I could delete the PRELOAD code and the rollovers appear anyway. Today I did rollover links to Shadowbox and I simply unchecked the PRELOAD ROLLOVER IMAGES in the INSERT ROLLOVER BOX when making them in Dreamweaver. This doesnt seem to affect their operation.
To summarize: It seems in my case the most important elements to be careful about are the Document Heading and Preloading of rollover images. If anyone else has any suggestions, they will be appreciated.