Skip navigation
Currently Being Moderated

Lightbox issue - Close button does not show, next/prev do show

Dec 21, 2010 4:05 PM

I'd be less concerned if none of the buttons showed up because then I'd know it was a linking issue, however, all the buttons are in the folder and all are referenced in the .js and html the exact same way.  The prev and next buttons appear, but the close button and the loading.gif do not appear on my live site.


Also, I tried to remove the .js that shows up in the html but then the lightbox doesn't work so I have javascript on the body of the page and a link to an external lightbox.js file.


Here is a the snippet of the html body script.




And for the .js


      */           function _set_interface() {                // Apply the HTML markup into body tag                $('body').append('

');                     // Get page sizes                var arrPageSizes = ___getPageSize();


I have a feeling the problem is in the lightbox.js file.  the line states for both the close button and loading.gif "<img src="Scripts/' + settings.imageBtnClose (or settings.imageLoading...)


so I tried changing this link to  src="images/lightbox/' ... to match where the images are, but this didn't work either.


Thanks in advance!

  • Currently Being Moderated
    Jan 4, 2011 5:51 PM   in reply to Dorys Sosa Prentice

    Is it possible to give us a link to your site, it makes it easier to track down the problem.



    Mark as:
  • Currently Being Moderated
    Jan 4, 2011 6:33 PM   in reply to Dorys Sosa Prentice

    The images cannot be found a in

                             <script type="text/javascript">
    // BeginOAWidget_Instance_2127022: #gallery
                   $('#gallery a').lightBox({ 
                        imageLoading:               '/images/lightbox/lightbox-ico-loading.gif',          // (string) Path and the name of the loading icon
                        imageBtnPrev:               '/images/lightbox/lightbox-btn-prev.gif',               // (string) Path and the name of the prev button image
                        imageBtnNext:               '/images/lightbox/lightbox-btn-next.gif',               // (string) Path and the name of the next button image
                        imageBtnClose:               '/images/lightbox/lightbox-btn-close.gif',          // (string) Path and the name of the close btn
                        imageBlank:                    '/images/lightbox/lightbox-blank.gif',               // (string) Path and the name of a blank image (one pixel)
                        fixedNavigation:          false,          // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
                        containerResizeSpeed:     400,                // Specify the resize duration of container image. These number are miliseconds. 400 is default.
                        overlayBgColor:           "#999999",          // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
                        overlayOpacity:               .6,          // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
                        txtImage:                    'Image',                    //Default text of image
                        txtOf:                         'of'
    // EndOAWidget_Instance_2127022

    Try removing the leading '/' so that you get 'images/lightbox/lightbox-btn-close.gif'.



    Mark as:
  • Currently Being Moderated
    Jan 4, 2011 7:03 PM   in reply to Dorys Sosa Prentice

    That's OK as long as your image for the close button is located in you are right. But as long as they are not located there, your lightbox will not be able to find them.


    Actually, I found the close image here I guess we can't win them all.



    Mark as:
  • Currently Being Moderated
    Mar 9, 2011 9:08 AM   in reply to Ben Pleysier

    I am having the same problem;  loading and close button not showing up.

    I have both the loading.gif and the close.gif in the lightbox folder which is in my images folder.

    It works fine on my computer when I preview in Safari, but does not work in the actual site.


    Any help would be greatly appreciated - thanks!

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points