0

次のコードの何が問題なのか誰か教えてもらえますか? 私はfancyBoxをすぐに機能させることができましたが、私が何をしても、オプションは高さと幅でさえ効果がありません. それは同じデフォルトの外観のままです..1つのオプションだけを設定しようとしましたが、外観に影響を与えるものはありません.

$(".covers").fancybox({
'autoSize': false,
'height': 300,
'width': 400,
'closeClick': true,
'openEffect': 'elastic',
'closeEffect': 'elastic'
});

前もって感謝します...

4

1 に答える 1

2

.ready()ファンシーボックスのコードをメソッド内にラップしましたか?

画像を開く場合、サイズは自動的に計算されるためautoSize、widthとheightは機能しません。これらのオプションはiframe、inlineまたはajaxコンテンツ用です ( に設定fitToViewするfalseことも必要になる場合があります)

$(document).ready(function () {
    $(".covers").fancybox({
        autoSize: false, // doesn't work with images
        height: 300, // doesn't work with images
        width: 400, // doesn't work with images
        fitToView: false, // if you require exact size (400x300)
        closeClick: true,
        openEffect: 'elastic',
        closeEffect: 'elastic'
    });
});

コードが正常に動作することとは別に、jsfiddleを参照してください(コンテンツ内をクリックしたときの伸縮性のある開閉効果と終了を参照してください)。

于 2013-09-23T06:19:50.830 に答える