Question

我最近将fancybox更新为1.3.4，从那以后我的fancybox窗口没有正确调整水平。当我第一次点击链接来启动fancybox时，窗口的宽度太小并切割图像。当我关闭fancybox并再次打开它时，窗口调整大小，图像完全可见。页面重新加载后，它会再次启动。

有什么建议吗？

谢谢！

Answer 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

希望能帮助你

第二次单击图像后，fancybox width会自动调整大小

1 个答案: