Всем привет!
Помогите разобраться, плз!
Установил на сайт видео бэкграунд и у меня тут же перестал работать fancybox. При клике экран затемняется, но окно не всплывает. Вот сайт - http://srv35773.ht-test.ru/
fancybox стоит в самом нижнем блоке на кнопке и на иконках видео (деревянный фон).
С почтовой формой bg не конфликтует
Вот так у меня все подключено:
Помогите разобраться, плз!
Установил на сайт видео бэкграунд и у меня тут же перестал работать fancybox. При клике экран затемняется, но окно не всплывает. Вот сайт - http://srv35773.ht-test.ru/
fancybox стоит в самом нижнем блоке на кнопке и на иконках видео (деревянный фон).
С почтовой формой bg не конфликтует
Вот так у меня все подключено:
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<script type="text/javascript" src="js/jquery191.js"></script>
<script type="text/javascript" src="js/forms.js" ></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="fancy/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="fancy/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="fancy/helpers/jquery.fancybox-media.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox-media').fancybox({
openEffect : 'none',
closeEffect : 'none',
helpers : {
media : {}
}
});
});
$(document).ready(function() {
$(".various").fancybox({
maxWidth : 926,
maxHeight : 266,
fitToView : false,
width : '926px',
height : '266px',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
<script type="text/javascript" src="js/backgroundvideo2.js"></script>
<script type="text/javascript" src="js/backgroundvideo1.js"></script>
<script>
$(document).ready(function() {
var videobackground1 = new $.backgroundVideo1($('.space'), {
"align": "centerXY",
"width": 100,
"height": 100,
"path": "kino/",
"filename": "demo",
"types": ["mp4","ogg","webm"]
});
});
$(document).ready(function() {
var videobackground2 = new $.backgroundVideo2($('.plane'), {
"align": "centerXY",
"width": 100,
"height": 100,
"path": "plane/",
"filename": "plane",
"types": ["mp4","ogg","webm"]
});
});
</script>
</head>
[/code]
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<script type="text/javascript" src="js/jquery191.js"></script>
<script type="text/javascript" src="js/forms.js" ></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="fancy/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="fancy/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="fancy/helpers/jquery.fancybox-media.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox-media').fancybox({
openEffect : 'none',
closeEffect : 'none',
helpers : {
media : {}
}
});
});
$(document).ready(function() {
$(".various").fancybox({
maxWidth : 926,
maxHeight : 266,
fitToView : false,
width : '926px',
height : '266px',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
<script type="text/javascript" src="js/backgroundvideo2.js"></script>
<script type="text/javascript" src="js/backgroundvideo1.js"></script>
<script>
$(document).ready(function() {
var videobackground1 = new $.backgroundVideo1($('.space'), {
"align": "centerXY",
"width": 100,
"height": 100,
"path": "kino/",
"filename": "demo",
"types": ["mp4","ogg","webm"]
});
});
$(document).ready(function() {
var videobackground2 = new $.backgroundVideo2($('.plane'), {
"align": "centerXY",
"width": 100,
"height": 100,
"path": "plane/",
"filename": "plane",
"types": ["mp4","ogg","webm"]
});
});
</script>
</head>
[/code]