JQuery - Fancybox - всплывающее окно не «всплывает» - PullRequest
Новая
       19

JQuery - Fancybox - всплывающее окно не «всплывает»

0 голосов
/ 27 января 2010

Я пытаюсь использовать 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
});

  });

1 Ответ

1 голос
/ 27 января 2010

Не включайте как упакованные, так и распакованные файлы 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

...