Question

Fancybox 1.3.4 JS带有我的Wordpress主题，Gridlocked。一切正常，但灯箱弹出对于屏幕来说太大了。如果需要总是适合屏幕，我希望图像缩小。

查看Fancybox站点说明，似乎我想设置“autoscale：true”来解决这个问题，无论是在PHP中还是在JS文件本身中。主题附带的javascript文件已将此设置为true，但它无法正常工作。我不知道在所有主题php文件中我应该尝试包含参数。有什么建议吗？

Answer 1

fancybox的初始化在 jquery.custom.js 中完成。你可以在那里找到以下几行：

function tz_fancybox() {
    if(jQuery().fancybox) {
        jQuery("a.lightbox").fancybox({
            'transitionIn'  :   'fade',
            'transitionOut' :   'fade',
            'speedIn'       :   300, 
            'speedOut'      :   300, 
            'overlayShow'   :   true,
            'autoScale'     :   false,
            'titleShow'     :   false,
            'margin'        :   10,
        });
    }
}

tz_fancybox();

更改为：

function tz_fancybox() {
    if(jQuery().fancybox) {
        jQuery("a.lightbox").fancybox({
            'transitionIn'  :   'fade',
            'transitionOut' :   'fade',
            'speedIn'       :   300, 
            'speedOut'      :   300, 
            'overlayShow'   :   true,
            'autoScale'     :   true,
            'titleShow'     :   false,
            'margin'        :   10,
        });
    }
}

tz_fancybox();

如何使用我的Wordpress主题使Fancybox 1.3.4适合屏幕？

1 个答案: