第二次单击图像后，fancybox 宽度自动调整大小答案

【问题标题】：fancybox width auto resize after second click on image第二次单击图像后，fancybox 宽度自动调整大小
【发布时间】：2011-11-07 13:07:00
【问题描述】：

我最近将 fancybox 更新到 1.3.4，从那时起我的 fancybox 窗口不能正确调整水平大小。当我第一次单击链接以触发 fancybox 时，窗口的宽度太小并剪切了图像。当我关闭fancybox并再次打开它时，窗口会调整大小并且图像完全可见。页面重新加载后，它会再次启动。

有什么建议吗？

谢谢！

【问题讨论】：

在以前的fancybox版本中，我使用的是1.3.0，一切正常。
with - autoScale : true, autoDimensions : true
你能粘贴整个 .fancybox() 语句吗？
我在没有任何参数的情况下调用fancybox。一切都在 fancybox 插件中使用默认设置进行设置。我刚刚改变了 autoScale : true, autoDimensions : true

标签： jquery jquery-plugins fancybox

【解决方案1】：

请试试这个

enter code here
afterLoad  : function () {  
        $(".fancybox-title").wrapInner('<div />').show();   
        var lebarLayar = $(window).width();
        var tinggiLayar = $(window).height();
        var imgWidth = this.width;
        var imgHeight = this.height;
        if (lebarLayar > tinggiLayar) {
            //alert($(window).height() + " : " + $(window).innerHeight());
            frameHeight = tinggiLayar;
            frameWidth = tinggiLayar/imgHeight * imgWidth;
        }
        else if (lebarLayar < tinggiLayar) {
            //alert($(window).height() + " : " + $(window).innerHeight());
            frameWidth = lebarLayar;
            frameHeight = lebarLayar/imgWidth * imgHeight;
        }
        $.extend(this, {
            width   : frameWidth,
            height  : frameHeight,
        });
    },



enter code here

希望能帮到你

【讨论】：