2012-05-07 11 views
0

オーケー画像よりも大きいので、私は私のWebページの本文に画像を持っている場合を除きます。スカッシュ画像、ウィンドウが

ユーザのウィンドウの高さは800ピクセル(画像の高さ)よりも小さい場合(ユーザが画像の全体の高さを見ることができるように)、画像は、それに押しつぶされるべきです。一方、窓の高さが800ピクセルよりも大きい場合

は、画像が垂直にセンタリングされるべきです。

どれtippers?

ありがとうございました。画像はセレクタがあなたの画像要素のために適応させる必要が大きければちょうど窓の高さに画像のサイズを変更するためにトリックを行う必要があります

var win = $(window); 
win.load(function() { 
    var image = $("#img"); 
    if (image.height() > win.height()) { 
    image.height(win.height()); 
    } else { 
    // assuming your image is positioned absolute 
    // you should measure its dimensions and then position it 
    // depends on the ways it should be centered... in the current window or the whole document? 
    } 
}); 

win.resize(function() { /* do something */ }); 

:あなたのような何かができるのjQueryを使用して

+0

のサイズを変更しました。ポジショニングは、あなたが達成したいものに依存...あなたは何ができるかのヒントを与えて、私の小さな答えをチェック – JoeRocc

+0

...唯一のウィンドウの真ん中にそれを配置するには、どのようなユーザーがスクロールした場合、>十分ではないのですか? –

答えて

2

もちろん...

編集:私は/ htmlの基本ジャバスクリプト/ cssのないものなので、CSSで遊ん以外の何でかなり恐ろしいよコールバック

+0

それは素晴らしいです!私の唯一の質問は:setIntervalを使用して、ウィンドウのサイズを変更したときにこれをチェックし続ける必要がありますか?または、 "onWindowDimensionChange()"のように私が使用できるトリガーがありますか? – JoeRocc

+0

編集されたコードを参照してください... win.resizeブラウザで発生した "サイズ変更"イベントにイベントリスナーを適用します... DOMが変更された場合、IE7によってイベントがリサイズされることがあります。トビアス –

+0

)HTML/CSSに、あなたは私の救世主です! – JoeRocc

関連する問題