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