0

画像の高さを自動に設定する方法を探していましたが、最初に画像をクリックするとその半分が表示されますが、閉じてもう一度クリックすると画像が真に表示されます。高さを自動に設定する方法はありますか？これがコードです。

$("a#example2").fancybox({
                    'autoDimensions': false,
                    'autoScale': false,
                    'width': 650,
                    'height': 650,
                    'overlayShow': true,
                    'transitionIn': 'elastic',
                    'transitionOut': 'elastic'
                });
4

1 に答える 1

1

画像の場合、効果はwidthありheightません (どちらも効果がありませんautoDimensions)。画像は、ビューポートに収まるように「自動スケーリング」されるか (が にautoScale設定されている場合true)、または元のサイズ (が にautoScale設定されている場合false) で表示されます。

画像の高さがビューポートよりも高く、autoScaleに設定されているfalse場合は、ページを下にスクロールして画像全体を表示することができます。

あなたの場合、fancybox スクリプトをready()メソッド内にラップしていることを確認してください。

$(document).ready(function(){
 $("a#example2").fancybox({
  'autoScale': false,
  'overlayShow': true,
  'transitionIn': 'elastic',
  'transitionOut': 'elastic'
 });
});

"type": "image"リンクが次のようになっている場合href="domain.com/path/image/?=4635"や、画像拡張子 (jpg、png、gif) がない場合は、オプションを追加してみてください。

于 2012-07-21T18:53:21.330 に答える