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