画像プレビューのサイズのスマートサイズ変更？

Question

イム私がポップアッププレビューにCSSスタイルを追加することができ、画像のプレビューを使用します。

あなたがそれらのサイズを変更する必要はありませんので、他の画像は非常に小さいながらあなただけの、それらの一部が表示されますので、今、一部の画像が画面よりも大きいます。

のみ大きな画像のサイズを変更し、例えば、より小さなものに触れないようにする方法があります。幅または高さを持つ唯一のリサイズ画像を超える400ピクセル？

私はちょうどそのサイズになります幅= 400ピクセル、高さ= 400ピクセルのすべての画像を使用する場合は、

は小さいものに影響を与えることなく、大きいものが画面に収まるようにする任意の他のアプローチは、原因をいただければ幸いと割合が間違っていることでしょう。そして小さい画像についてあなたがしますそれ自体非常に大きなピクセルます。

事前のおかげで。

Answer 1

私は画像のスマートサイズ変更呼んでのjavascriptの実装を彫刻シーム：）

とにかく、JavaScriptで、あなたはwidthオブジェクトのheightとImage特性に応じて、あなたのロジックを実装することができます。

また、このページ作者をを見て指定された寸法よりも大きな画像のサイズを変更するのjQueryを使用します。