2

Fancybox 1.3.4 JS には、私の Wordpress テーマである Gridlocked が付属していました。すべて正常に動作しますが、ライトボックスのポップアップが画面に対して大きすぎます。常に画面に収まるようにする必要がある場合は、画像を縮小したいと思います。

Fancybox サイトの指示を見ると、PHP または JS ファイル自体で、これを修正するために「autoscale:true」を設定したいようです。テーマに付属の JavaScript ファイルでは、これが既に true に設定されていますが、機能していません。すべてのテーマphpファイルのどこに引数を含めるべきかわかりません。助言がありますか？

4

1 に答える 1

4

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();
于 2013-03-13T03:01:11.293 に答える