I'm working on a non-flash backup for my baby hats catalog. I use Dreamweaver CS5.5 and a lightbox that I downloaded from the widgets to display the images. However, my first image and then two inbetween each hat are other <a></a> tags. The first serves as a named anchor for the navigation and the second opens a .pdf. When you view the lightbox images these two appear as the "waist lightbox is loading" circle image. You have to click "next" twice to get to the next actual image. Is there a way to exclude these two instances? I'm afraid my end users won't know to click "next" twice to see the next image.
My code is on this page:
Use 'data-lightbox' attribute to combine each set of hats into its specific gallery, thereby restricting each lightbox instance to only show 4 or 5 of those hat images and not all images available on page. Read http://lokeshdhakar.com/projects/lightbox2/ (How to Use) section for more details on how you can do this
On a sidenote, why are you including the jquery.js and lightbox.js 3 times each on your page? Your HTML page, Lines 159-167:
You can remove the lines I've struck off here. You're already calling these scripts in the first 2 lines.