Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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
Jquery Fancybox全宽_Jquery_Css_Fancybox_Vimeo_Vimeo Api - Fatal编程技术网

Jquery Fancybox全宽

Jquery Fancybox全宽,jquery,css,fancybox,vimeo,vimeo-api,Jquery,Css,Fancybox,Vimeo,Vimeo Api,我对编码还不熟悉,我试图让每个fancybox都只在我的全宽范围内,并且响应性强(),但这些选项中没有一个完成了这项工作(FitView、autoSize或aspectRatio) jQuery jQuery(document).ready(function() { jQuery( "#site-logo" ).click(function( e ) { alert( "As you can see, the link no longer took you to jquery.com"

我对编码还不熟悉,我试图让每个fancybox都只在我的全宽范围内,并且响应性强(),但这些选项中没有一个完成了这项工作(FitView、autoSize或aspectRatio)

jQuery

jQuery(document).ready(function() {
jQuery( "#site-logo" ).click(function( e ) {
    alert( "As you can see, the link no longer took you to jquery.com" );
    jQuery.scrollTo( 0 , 1000, { easing:'easeInOutExpo' });
$(".fancybox").fancybox({
    helpers : {
        media: true 
        },
        width: 1600,
        height: 870,
        aspectRatio: true,
        scrolling: no,
        });
    });
});

尝试添加autoSize false,删除aspectRatio并将宽度更改为“100%”:


对于以后搜索的其他人,我遇到了同样的问题,我需要图像(弹出窗口)是全宽的,即使图像有溢出高度,所以我希望它是可滚动的。无论如何,我希望这对将来的人有所帮助

<script type="text/javascript">
jQuery(document).ready(function($) {
    $(".fancybox").fancybox({
        autoSize : true,
        scrolling : 'auto',
        fitToView : false,
        width : 'auto',
        maxWidth : '100%',
    });
});
</script>

jQuery(文档).ready(函数($){
$(“.fancybox”).fancybox({
自动调整大小:正确,
滚动:“自动”,
菲托维:错,
宽度:“自动”,
maxWidth:“100%”,
});
});

你查过13号了吗?@JFK是的,我也查过指南寻找解决方案。另外#13仍然不工作in=(@JFK Digging in stackover我找到了这个()。试图将此代码添加到function.php中,并删除了css/jquery fancybox,但仍然没有更改。@JFK如果我想让fancybox全屏打开怎么办?FitView不工作。.在stackover中挖掘我发现了这个()。尝试将此代码添加到function.php中,并删除了css/jquery fancybox,但仍然没有任何更改。奇怪。让我们从Begging开始,您只需要使用fancybox?事实上没有,我希望每个幻灯片的视频都能全宽弹出并响应(或类似1300x731的内容),就像在[eg]中一样。().因为我没有安装fancybox插件,fancybox必须在这个主题内,这就是我使用它的原因。如果有其他方法可以实现,我愿意接受任何选项。嗯,我明白了。如果你尝试在
.fancybox wrap.fancybox wrap.fancybox skin中更改css会怎么样{width:100%!important;height:100%!important;margin:0px;text align:center}
?事实上,这是我的第一个解决方案,但正如你们所看到的,皮肤太大了(我的膝盖是1680 x 1050),视频太小了。然后我尝试添加
.fancybox wrap,.fancybox-inner{width:100%!important;height:100%!important;margin:0px;text align:center}
视频就像包裹一样,有点超出空间=)因为Rev slider有一个巨大的更新,我没有机会测试它,其他人成功了吗?
<script type="text/javascript">
jQuery(document).ready(function($) {
    $(".fancybox").fancybox({
        autoSize : true,
        scrolling : 'auto',
        fitToView : false,
        width : 'auto',
        maxWidth : '100%',
    });
});
</script>