宽度和高度与发行的fancybox

当我加入这个代码没有设置在宽度和高度的工作宽度和高度与发行的fancybox

jQuery(document).ready(function() { 
    $('a.iframe').fancybox(); 
});

是什么让周围的选择？

来源

2011-09-09 Nima

在这里的文档看看：http://fancybox.net/api

您使用内嵌的内容，所以请确保你与宽度和高度设置沿autoDimensions选项设置为false。

更新：我成功地测试了以下解决方案：

$('a.fbtag').fancybox({ 
     autoDimensions: false, 
     height: 300, 
     width: 400 
    });

这是假设你打开链接的类名为“fbtag”。

来源

2011-09-09 19:22:50 SBerg413

谢谢，但我已经尝试过，并没有奏效。该设置不会'影响任何东西！ – Nima

它在做什么？它是否将自己的大小定位到您正在提供它的html页面？如果是这样，你可以调整大小，而不是适当的大小。 – SBerg413

是的......我也尝试过......我改变了＃fancybox-wrap＃fancybox-content＃fancybox-outer但它们不会自然适合，它们会在显示弹出窗口时宽度发生变化时使框移动到左侧-向上。 – Nima

花式框宽度和高度始终因媒体类型而异。

如果我们提供5 * 5像素的图像 - Fancy Box将显示图像尺寸的尺寸。

为了应对媒体方面的影响，并定义默认宽度&高度花式箱

试试这个：

$.fancybox.open(collection.toJSON(), { 
    afterShow :function(){}, 
    maxHeight : 600, 
    minWidth : 500   
});

的fancybox宽度将是最小的 - 500个像素。

FancyBox高度将与FancyBox数据成正比，最大高度为600像素。

来源

2013-03-25 11:29:58 dev4u

例如

$.fancybox({ 
    'content':"This will be the content of the fancybox", 
    'width':'500', 
    'autoDimensions':false, 
    'type':'iframe', 
    'autoSize':false 
});

来源

2013-08-03 02:56:41

$(document).ready(function() { 
    $(".fancy-ajax").fancybox({ 
     type:   'ajax', 
     autoDimensions: false, 
     'autoSize':  false, 
     'height':  'auto' 
    }); 
});

上述代码为我工作。不过，我在Twitter Bootstrap中进行设计。

来源

2013-08-29 13:27:22

，你可以这样做双向

使用iframe

$(document).ready(function() { 
     $(".fancybox").fancybox({ 
      width:600, 
      height:400, 
      type: 'iframe', 
      href : 'url_here' 
     }); 
    })

没有IFRAME

$(document).ready(function() { 
    $(".fancybox").fancybox({ 
     width:600, 
     height:400, 
     autoDimensions: false, 
    }); 
})

来源

2017-04-14 10:43:47

宽度和高度与发行的fancybox

回答

相关问题