JQuery LightBox - How do you get prev, next buttons functionality??? http://leandrovieira.com/projects/jquery/lightbox/

http://leandrovieira.com/projects/jquery/lightbox/

How do you get the previous, next buttons to appear with gallery photos?
That is, how do you relate all the photos so the lightbox knows they are all contained in the gallery??

I cannot figure this out for the life of me.

My code is below - it opens the lightbox but does not show navigation buttons.
See http://bestof.apexhost.net.au/nsw/accomm.aspx - click on the photos links in the blue summary area to open lightbox - note how no navigation is opened.

Any help appreciated.
$("ul.photos a").each(function()
        {
            $(this).lightBox({
                fixedNavigation: true,
                overlayBgColor: '#000000',
                overlayOpacity: 0.8,
                imageLoading: '/images/lightbox/loading.gif',
                imageBtnClose: '/images/lightbox/closelabel.gif',
                imageBtnPrev: '/images/lightbox/prevlabel.gif',
                imageBtnNext: '/images/lightbox/nextlabel.gif',
                containerResizeSpeed: 350,
                txtImage: 'Photo',
                txtOf: 'of'
            });
        });

Open in new window

smaccaAsked:
Who is Participating?
 
Albert Van HalenConnect With a Mentor Analyst developerCommented:
You have to use the collection of elements to bind to the lightbox.
Not the individual items within the collection.

Use this
$("ul.photos a").lightBox({
    fixedNavigation: true,
    overlayBgColor: '#000000',
    overlayOpacity: 0.8,
    imageLoading: '/images/lightbox/loading.gif',
    imageBtnClose: '/images/lightbox/closelabel.gif',
    imageBtnPrev: '/images/lightbox/prevlabel.gif',
    imageBtnNext: '/images/lightbox/nextlabel.gif',
    containerResizeSpeed: 350,
    txtImage: 'Photo',
    txtOf: 'of'
});

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.