Jquery Fancybox

Hi there,

I am trying to install and use Jquery Fancybox downloaded from
Here

I cannot get it working with WordPress I just get the larger image opening in the new window. I have right clicked and view source and clicked on the fancybox.js file and it all links in correctly.

Any help would be great. I have it working in a plain HTML file so understand it all. It’s just within wordpress it breaks.

Here is my code:-

<div class="thumbs">
                <a class="fancybox" href="<?php bloginfo('template_directory'); ?>/img/gallery-large.jpg" rel="some-photos">
                <img src="<?php bloginfo('template_directory'); ?>/img/gallery-thumb.jpg" />
                </a>

                <a class="fancybox" href="<?php bloginfo('template_directory'); ?>/img/gallery-large.jpg" rel="some-photos">
                <img src="<?php bloginfo('template_directory'); ?>/img/gallery-thumb.jpg" />
                </a>

                <a class="fancybox" href="<?php bloginfo('template_directory'); ?>/img/gallery-large.jpg" rel="some-photos">
                <img src="<?php bloginfo('template_directory'); ?>/img/gallery-thumb.jpg" />
                </a>
			</div>

$(".fancybox").fancybox();