jquery - Fancybox - 弹出式窗口不“弹出”

Question

我想用jQuery Fancybox从网站上弹出一个YouTube视频。我遵循fancybox.net网站的指示，但没有喜悦，视频只是内联。

我已经安装了所有.js文件，.css文件，但您可以在这里看到：http://www.rouviere.com/~idp2/ideaPeople.html点击图片只会调出内嵌视频。

它应该像这里的视频链接：http://fancybox.net/example但它不。

下面是代码：

$(document).ready(function() { 
$("a#single_1").fancybox(); 

$("a#single_2").fancybox({ 
    'zoomOpacity'   : true, 
    'overlayShow'    : false, 
    'zoomSpeedIn'   : 500, 
    'zoomSpeedOut'   : 500 
}); 

$("a#single_3").fancybox({ 
    'overlayShow'   : false, 
    'zoomSpeedIn'   : 600, 
    'zoomSpeedOut'   : 500, 
    'easingIn'    : 'easeOutBack', 
    'easingOut'    : 'easeInBack' 
}); 

$("a.group").fancybox({ 
    'hideOnContentClick': false 
}); 

    }); 

Answer 1

不包括打包和拆包js文件...

只能使用

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

而且，你的fancybox CSS文件无法找到。它包含构建浮动div所需的样式。

http://www.rouviere.com/~idp2/fancybox/fancybox.css