覚書。

Wordpressのプラグイン、Random Imageを入れてみた。
ヘッダーにランダムに記事の画像を表示している。

[参考]
記事の画像をサイドバーなどにランダム表示するプラグイン[WP]

で、今回はスタイルシートで苦戦。

画像を縮小したいけれど
縦>横の画像と、横<縦の画像があるので
サイズを揃えるのに以下のようにした。
（縦横比が他の画像と異なる画像が何枚かあるけどそれは無視）

・縦>横の画像の横　= 縦<横の画像の縦 かつ
・縦>横の画像の縦　= 縦<横の画像の横

#randomimage img{
  max-width: 110px;
  max-height: 110px;
  width: expression(this.height > this.width && this.width > 83 ? 83: true);
  height: expression(this.width > this.height && this.height > 83 ? 83: true );
}

max-widthとmax-heightのIE対策に
expressionを使用した。

なんか、すごいゴリ押しな感じ。
もうちょっとうまい方法がないかな～。