非常に背の高い画像を含むサイトがあります。これらの画像が垂直方向ではなく、水平方向に反応するようにしたいと思います。ブラウザーの高さに合わせると、小さすぎて正しく表示されません。
私が見逃しているこれを達成する簡単な方法はありますか?
以下の例を参照してください。2 番目のサムネイル「bswift」をクリックしてから、小さな灰色の四角をクリックして Fancybox を起動します。 http://www.eaaronrossdesign.com/index2.php
非常に背の高い画像を含むサイトがあります。これらの画像が垂直方向ではなく、水平方向に反応するようにしたいと思います。ブラウザーの高さに合わせると、小さすぎて正しく表示されません。
私が見逃しているこれを達成する簡単な方法はありますか?
以下の例を参照してください。2 番目のサムネイル「bswift」をクリックしてから、小さな灰色の四角をクリックして Fancybox を起動します。 http://www.eaaronrossdesign.com/index2.php
fitToView
とmaxWidth
API オプションを次のように組み合わせてみてください。
$('.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をチェック