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