Hi,

I have created a couple of slideshows using the HTML5 slideshow extension in Dreamweaver and linked them to thumbnail photo's. It works locally using the preview function, but on my live site when you click on the thumbnails, the slideshows open in a regular window, not a lightbox.

Here is a link to the live page:

www.nesaw.com/career-training/projectsindex.html

Here is the relevant information:

Lightbox extension version: 1.0.12
Dreamweaver version: CS5.5
OS: Mac OS Lion
Browser: Safari

Just click on the thumbnails to reproduce the issue.

It appears that all of the support files have uploaded to my live site properly, so not sure how to proceed.

Thanks,
Greg

Can you please move this line of code:

<script type="text/javascript" src="../ScriptLibrary/jquery-latest.pack.js"></script>

in front of :

<script type="text/javascript" src="../dmx/dmx.core.js"></script>

Thanks! That fixed the issue. I'm curious, how do I prevent that issue in the future when using a lightbox on a page? Or, do I always need to move that line?

Also, if you take a look at the page again, the slideshow appears in the very upper left corner of the screen. On my browser, the title and close X is not really visible. I want to have the slideshow in the center of the window. Any tips would be appreciated.

Thanks,
Greg

Hello,

In your common.css you have:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    letter-spacing: 0.02em;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

Where the following settings are overriding the lightbox settings for 'table'

    
    margin: 0;
    padding: 0;
    vertical-align: baseline;

Ah, yes. That definitely has an effect. I commented out those lines in common.css and the lightbox was centered.

Unfortunately, I don't have much expertise in CSS programming (yet), so I'm unsure how to correct this. The commenting out worked, but a bunch of stuff in the rest of the site didn't line up properly. Is there a way to override common.css so that the light box works correctly?

Any advice would be appreciated...

Thanks,
Greg