PDA

View Full Version : Lightbox image viewer (prev/next issue)



dmrgraphics.com
01-06-2009, 04:12 AM
1) Script Title: Lightbox image viewer 2.03a

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

3) Describe problem: Everything is working great with this script except when I group images I cannot see the next/prev button. The next/prev feature is working but I can't see the buttons. The lightbox.js and the related files are in a different folder so I had to change some URLs both in the CSS & the JavaScript. I made sure the URL to the prev/next images are correct in the CSS file; I haven't been able to find another location for them to be updated. I also did try putting the files in the same folder as the pages to no avail. The website URL is http://www.cabinetinteriors.com/gallery/kitchens/ (http://www.cabinetinteriors.com/gallery/kitchens/). I have the script enabled on the first five thumbnail images.

Thanks,
Dave

Nile
01-06-2009, 04:26 AM
In your CSS try replacing:


#prevLink { background: url(../lightbox2/images/prevlabel.gif) left 15% no-repeat; }
#nextLink { background: url(../lightbox2/images/nextlabel.gif) right 15% no-repeat; }

With:


#prevLink { background: url(../../lightbox2/images/prevlabel.gif) left 15% no-repeat; }
#nextLink { background: url(../../lightbox2/images/nextlabel.gif) right 15% no-repeat; }

And if that doesn't work:


#prevLink { background: url(http://www.cabinetinteriors.com/gallery/lightbox2/images/prevlabel.gif) left 15% no-repeat; }
#nextLink { background: url(http://www.cabinetinteriors.com/gallery/lightbox2/images/nextlabel.gif) right 15% no-repeat; }

dmrgraphics.com
01-06-2009, 04:39 AM
Perfect. Thanks so much. I did that same thing on all the other links too. I guess I hadn't noticed that.

Thanks again.

Dave

Nile
01-06-2009, 12:59 PM
Your welcome - glad to help you.