jQuery Fancybox for images just not working

JavaScript
1

Hello,

I’m trying to get Fancybox working on this page:

http://savejapandolphins.org/press-room/

All my code is in place, no errors, but clicking the thumbnails just doesn’t trigger Fancybox. I had Lightbox in place before, same problem, so I switched.

I must be missing something painfully obvious.

Thanks,

Ben

2

You don’t appear to have a link to the jquery library in the head of your document, which you need for any jquery plugins like fancybox to work. Make sure the link sits above any other jquery links.

3

I was using a js compressor, and jquery file was included, but I’ve disabled for now, so you’ll see the calls to jquery library, etc. there now.

4

I believe that you’re supposed to apply fancybox to a wrapper of the appropriate links.

5

yes pmw57 is right. I would seriously recommend asking the fancyBox forums through Google groups becuase they will help you quite quickly with whatever issues you may have. Also if you wish to no longer receive emails once your issues are fixed, you can obviosuly unsubscribe, but I want you it is hard to do so as you see a bunch of awesome ideas you want to learn how to do with fancyBox.

-Team 1504

6

Where did you find this js compressor because in one of my project, I have been problems regarding jQuery and other js I wrote loading too slowly.

And secondly, are the Japanese seriously kiliing dolphins? I thought is was only on south park?
Because that is a serious problem…

7

All,

I found my problem. As expected, something stupid - forgot to call

jQuery(document).ready(function()

Thanks!

team1054: The JS compressor I’m using is specific to the ExpressionEngine CMS, but there are web based tools for it too–Google is as good as anything to find one.

Yes, the Japanese are killing dolphins.