0

非常に背の高い画像を含むサイトがあります。これらの画像が垂直方向ではなく、水平方向に反応するようにしたいと思います。ブラウザーの高さに合わせると、小さすぎて正しく表示されません。

私が見逃しているこれを達成する簡単な方法はありますか?

以下の例を参照してください。2 番目のサムネイル「bswift」をクリックしてから、小さな灰色の四角をクリックして Fancybox を起動します。 http://www.eaaronrossdesign.com/index2.php

4

1 に答える 1

13

fitToViewmaxWidthAPI オプションを次のように組み合わせてみてください。

$('.thumbs_small').fancybox({
    openEffect: 'elastic',
    closeEffect: 'elastic',
    prevEffect: 'fade',
    nextEffect: 'fade',
    fitToView: false, // images won't be scaled to fit to browser's height
    maxWidth: "90%" // images won't exceed the browser's width
});

JSFIDDLEをチェック

于 2013-06-21T22:59:02.037 に答える