2012-02-16 13 views
0

大量の画像/サムネイルを表示するためのWebページで行っています。私が探しているのは、画像の自動サイズ変更、各ラインの高さ固定、各ラインの右マージンも同じです。ウィンドウの大きさを変えると画像が再フォーマットされても、上記のスタイルは維持されます。その画像が検索結果を表示する際に、Googleが何をしたかと非常に似ている左/右揃えのフレーム/ウィンドウの両方でオートサイズのサムネイル

Google image example(ブラウザウィンドウのサイズを変更すると、あなたは私が:-)言うことをしようとしているものを見つけること)

誰もが持っていますこれについてのアイデアは非常に高く評価されます!おかげ

答えて

0

JS

1)CSSにより、2ウェイ、1)CSS 2による)が私によると:あなたは、CSSでこれを追加することができ、これは、それに応じて、サムネイルのサイズを変更します。

img{max-width:100%;} 

2)JS:JSを使用すると、使用可能なスペースに基づいて、サムネイルのサイズを変更しても、あなたが一列に表示したいんどのように多くの画像を決定することができます。

+0

私は基本的に行幅とウィンドウ幅の比を計算するためにjsを書くことによってこの問題を解決しました。とにかくありがとう、おい:-) – Alex

+0

問題はありません...同様の解決策を探している人にとっては役に立ちそうなので、ここであなたのソリューションを投稿することができればうれしいでしょう。 :) – Abhidev