views:

11

answers:

0

I am using nyroModal to display a lightbox when an image in thumbnail gallery is clicked on.

The thumbnail gallery is created from AJAX which sets each thumbnail to link to a javascript function passing 3 URLs. One for the large version or the image, one for the next image in the gallery and one for the previous image.

This is the javascript function:

function imgClicked(imgUrl, nextUrl, prevUrl)
{
 $.nyroModalSettings({
  width: null,  // imgWidth
    height: null,   // imgHeight 
    minWidth: 111, 
    minHeight: 74,
  galleryLinks: '<a href="' + prevUrl + '" class="nyroModalPrev">Prev</a><a href="' + nextUrl + '"  class="nyroModalNext">Next</a>'
   });

 $.nyroModalManual({
       content: imgUrl
    });
}

The lightbox pops up fine and show the desired image but I can not get the it to display a link to click on the next or prev images. I am using 'galleryLinks' in the nyroModal settings to dynamically set these but it does not seem to work.

You can see the problem in action here: http://www.urban-provocations.com/

Any help would be much appreciated.