Расширить видео в fancybox 2.1.5 через iframe, в котором они находятся
Я пытаюсь разместить YouTube-видео в Fancybox 2.1.5 внутри iframe, чтобы охватить указанные iframes и покрыть всю страницу так же, как если бы они не были внутри iframe, в отличие от открытия внутри iframe - в основном, как на этой странице, но с кодом в iframe, чтобы разрешить субнавигатор и подстраницы в моей родительской странице, предоставленные iframes.
Я потратил 2 дня, просматривая всю сеть и, конечно, здесь, и, хотя эта тема, как уже говорилось здесь, я считаю, что ответы касались более старой версии Fancybox, так как все они упоминали.click(function(), которой нет в 2.1. 5 версия. Я пытался добавить родителя до $(". Fancybox"). Fancybox({но... ничего.
Я не профессиональный веб-дизайнер, просто обновляю свой сайт, и мои знания по JS и jQuery... ограничены.
Так что, если вы достаточно любезны, чтобы найти время, чтобы ответить, я был бы очень благодарен. Это страница, о которой идет речь. Вы заметите, что есть подменю ("ENGLISH W/ FRENCH ACCENT" и "FRENCH"), каждая ссылка открывает iframe, в котором размещены видео. Пожалуйста, дайте мне знать, если вам нужна дополнительная информация, чтобы помочь мне. Большое спасибо заранее.
В голове родительской страницы заголовок у меня есть
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css"
media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5">
</script>
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5"
type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?
v=1.0.5"></script>
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?
v=1.0.6"></script>
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7"
type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?
v=1.0.7">
</script>
и в голове у iframe есть: src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css"
media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5">
</script>
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5"
type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?
v=1.0.5"></script>
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?
v=1.0.6"></script>
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7"
type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?
v=1.0.7"></script>
<script>
$(document).ready(function() {
$(".fancybox").fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
arrows : true,
nextClick : true,
helpers : {
thumbs : {
width : 121,
height : 75
}
},
afterLoad : function() {
this.title = '' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' +
this.title : '');
}
});
});
</script>
Каждый элемент в галерее выглядит так:
<div class="vidsplace"><a class="fancybox fancybox.iframe" rel="vids" href="
//www.youtube.com/embed/jy_FJN3isR0?rel=0&autoplay=1&wmode=opaque"
title="Dolce and Gabbana worlwide TV commercial">
<img src="/data/dolcegabbana.jpg" alt="Dolce and Gabbana" />
<br />Dolce & Gabbana
</a></div>
Я думаю, что это об этом. Я надеюсь, что я разъяснил, что было довольно запутанным.