一覧ページの画像がロード時に一瞬崩れて０．５秒後に均等なサイズになる現象を見栄え良くしたい。

css jQueryを使い一覧ページの写真の大きさを均等に調整しています。この時ロード時に一瞬崩れて０．５秒後に均等なサイズになる現象を見栄え良くしたいと考えています。
【参考例】
http://yukogillc.com/portfolios/people/

実装している機能
・レスポンシブ対応
・投稿されたどんな写真の形でも、最適化してオーバーした、高さまたは幅はカットし中央に表示させる（レスポンシブ対応）

いつもは、しょうがないことだと思って対策をしていませんでした。
皆様はどのように解決されていますか？？
jQueryのfadeIn()fadeOut()を使っているのでしょうか？？
できれば全画面のRoading表示は避けたいです。
良い解決方法お教えください！

2016/07/13 17:11

具体的にHTML/CSS/JavaScriptなどを質問文に追記されたほうが回答を得られやすいと思います。

2016/07/14 04:48

ご指摘ありがとうございます。次回からご指摘を参考にして投稿していきたいと思います｡

行動規範の内容に同意します

回答1件

ベストアンサー

定形でサムネイルを用意するだけでは？

投稿2016/07/14 01:29

総合スコア114814

2016/07/14 04:51

なるほどそうですね｡Wordpressなら別でサイズを一括リサイズしてくれるPluginがあるのでそれを実装していきたいと思います｡ http://liginc.co.jp/web/wp/plug-in/25595 ご回答ありがとうございます。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問