jQuery lightbox problems

Question

Hello

I have a number of images on a page, some with extra detailed images that are hidden with css, so they can only be visible in the light box.

This can be seen here

http://tinyurl.com/3977wsu

Each set of images is within a div, the problem i have is that when you access the lightbox, you can click next and go through all the images on the page, i wan't the user to only be able to click next/previous to access the images within that div, and not the whole page, is this do able?

Thank you

Answer 1

I'm sure if you can do this with the lightbox plugin but I use the fancybox plugin and display sets of images using Javascript.

I'm displaying them via a link but you could easily modify it.

<a href="Javascript:DisplaySetOne();" title="View Images">View Images</a>

And the Javascript

function DisplaySetOne() {


        $.fancybox([
    { 'href': '../Content/A.jpg', 'title': 'A' },
    { 'href': '../Content/B.jpg', 'title': 'B' },
    { 'href': '../Content/C.jpg', 'title': 'C' }
    ], {
        'padding': 0,
        'transitionIn': 'none',
        'transitionOut': 'none',
        'type': 'image',
        'changeFade': 0

    })
    };