Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在iframe上扩展fancybox 2.1.5中的视频,它们';我们在_Javascript_Jquery_Html_Iframe_Fancybox - Fatal编程技术网

Javascript 在iframe上扩展fancybox 2.1.5中的视频,它们';我们在

Javascript 在iframe上扩展fancybox 2.1.5中的视频,它们';我们在,javascript,jquery,html,iframe,fancybox,Javascript,Jquery,Html,Iframe,Fancybox,我正在尝试将Fancybox 2.1.5中的youtube视频放在iframe中,以扩展到所述iframe中,并覆盖整个页面,就像不在iframe中一样,而不是在iframe中打开-基本上与中类似,但iframe中的代码允许子导航和父页面中的子页面,由iframes提供 我花了两天的时间在网上和这里到处寻找,虽然这个主题已经在这里讨论过了,但我相信答案是针对他们都提到的旧版本的Fancybox。单击(function(),它不在2.1.5版本中。我尝试在$(“.Fancybox”)之前添加父项。

我正在尝试将Fancybox 2.1.5中的youtube视频放在iframe中,以扩展到所述iframe中,并覆盖整个页面,就像不在iframe中一样,而不是在iframe中打开-基本上与中类似,但iframe中的代码允许子导航和父页面中的子页面,由iframes提供

我花了两天的时间在网上和这里到处寻找,虽然这个主题已经在这里讨论过了,但我相信答案是针对他们都提到的旧版本的Fancybox。单击(function(),它不在2.1.5版本中。我尝试在$(“.Fancybox”)之前添加父项。Fancybox({但是……什么都没有

我不是一个专业的网页设计师,只是更新我的网站,我对JS和jQuery的知识是有限的

因此,如果您能抽出时间回复我,我将不胜感激。所讨论的页面是。您会注意到,有一个子菜单(“英语带法语口音”和“法语”),每个链接打开一个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“>


$(文档).ready(函数(){
$(“.fancybox”).fancybox({
openEffect:'无',
closeEffect:'无',
效果:“无”,
下一个效果:“无”,
closeBtn:false,
箭头:是的,
下一步:没错,
助手:{
拇指:{
宽度:121,
身高:75
}
},
后加载:函数(){
this.title='+(this.index+1)+'of'+this.group.length+(this.title?'-'+
此名称:'';
}
});
});
图库中的每个项目看起来如下所示:

<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 &amp; Gabbana
</a></div>


我想就是这样。我希望我已经澄清了令人钦佩的相当混乱的地方。

好吧……你可以试着让你的问题更容易阅读。这让你更容易真正理解你的问题……你也可以用倒勾突出你的代码,更多地概述你到目前为止所拥有的可能会有所帮助。你有一点Vogel612,感谢您指出这一点,我希望现在它更清楚一点,请务必让我知道我是否需要添加任何内容!
。单击(函数(),它不在2.1.5版本中
…方法
。单击()
不排除fancybox,而是jQuery,因此您可以将其用于任何版本的fancybox。您看到了吗?可能是重复的感谢您的回复@JFK,是的,我看到了另一个线程,但我认为它是关于过时的fancybox版本的,尽管我尝试了提供的解决方案,但失败了,因此我打开了这个新线程。谢谢您对于您的建议,我尝试了,但仍然不起作用,因此我相信它不是“从iframe调用父级中的Fancybox”线程的副本。
<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 &amp; Gabbana
</a></div>