Javascript Fancybox图库弹出问题

Javascript Fancybox图库弹出问题,javascript,jquery,html,fancybox,Javascript,Jquery,Html,Fancybox,我相信我已经为这个选择了一个完美的标题,但是,如果有人能想出一个更好的标题,请随意编辑。无论如何,当你点击要打开弹出窗口的图片时,我在为我的图库集成jQuery插件fancybox时遇到了一个小问题。展示画廊 我之所以选择使用iframe,是因为我希望画廊同时展示视频和图像。iframe是实现这一点的正确格式吗 <script type="text/javascript"> $(document).ready(function() { $(".various").fancyb

我相信我已经为这个选择了一个完美的标题,但是,如果有人能想出一个更好的标题,请随意编辑。无论如何,当你点击要打开弹出窗口的图片时,我在为我的图库集成jQuery插件fancybox时遇到了一个小问题。展示画廊

我之所以选择使用iframe,是因为我希望画廊同时展示视频和图像。iframe是实现这一点的正确格式吗

<script type="text/javascript">
$(document).ready(function() {
    $(".various").fancybox({
        minWidth    : 902,
        minHeight   : 505,
        fitToView   : true,
        width       : '50%',
        height      : '50%',
        closeClick  : true,
        openEffect  : 'fade',
        closeEffect : 'fade',
        type : 'iframe',
        preload: 'auto',
        helpers: {
            thumbs: {
             width   : 50,
             height  : 50
            } // closes thumbs
           } // closes helpers
    });
});

$(文档).ready(函数(){
$(“.Variable”).fancybox({
最小宽度:902,
身高:505,
菲托维:没错,
宽度:“50%”,
身高:50%,
closeClick:true,
openEffect:“褪色”,
特效:“褪色”,
键入:“iframe”,
预加载:“自动”,
助手:{
拇指:{
宽度:50,
身高:50
}//合上拇指
}//关闭帮助程序
});
});


我正在使用插件的响应元素。如果两个插件之间存在某种形式的冲突。有人能纠正我哪里出了问题。

我最近尝试使用fancybox来显示图像和照片,但找不到合适的解决方案。相反,我使用了它,我发现它非常好,有很多可定制的选项。如果您愿意/能够从fancybox切换,我建议您使用此选项

要设置它,只需将您的密码设置为选择器

$("a[rel^='prettyPhoto']").prettyPhoto();
然后,对于要在多媒体资料中显示的图像和/或视频的每个链接,只需将属性(在方括号中包含多媒体资料的名称)添加到链接中即可

rel="prettyPhoto[myGalleryName]"

应该没有任何冲突,但据我所知,您缺少包含fancybox CSS文件(您只包含fancybox thumbs CSS文件)。。。另一方面,您不需要为图像指定
类型:“iframe”
,您可以为每个链接设置内容类型