Jquery – Fancybox – Popup window doesn’t “pop”


I am trying to use jQuery Fancybox to popup a youtube video from a website. I have followed the instructions from the fancybox.net site, but no joy, the video simply appears inline.

I have all the .js files in place, the .css file in place, but as you can see here: http://www.rouviere.com/~idp2/ideaPeople.html clicking on the image only brings up the video inline.

It should work like the video link here: http://fancybox.net/example but it doesn't.

Here is the code:

$(document).ready(function() {

    'zoomOpacity'           : true,
    'overlayShow'               : false,
    'zoomSpeedIn'           : 500,
    'zoomSpeedOut'          : 500

    'overlayShow'           : false,
    'zoomSpeedIn'           : 600,
    'zoomSpeedOut'          : 500,
    'easingIn'              : 'easeOutBack',
    'easingOut'             : 'easeInBack'

    'hideOnContentClick': false


Best Solution

Don't include both the packed, and the unpacked js files...

Use only

<script type="text/javascript" src="fancybox/jquery.fancybox-1.2.6.pack.js"></script> 

Also, your fancybox CSS file cannot be found. It contains the required styles to build the floating div.