全ての要素の高さを統一
同じ要素が連続で並んで表示されたときの高さを統一
jQuery
$(function () {
var cell_height = 0;
// 画像総数
var i = $('img').length - 1;
// 最終画像のロード後実行
$($('img')[i]).on('load', function(){
$('li').each(function(){
// 高さの最大値を取得
if ($(this).height() > cell_height) {
cell_height = $(this).height();
}
});
// 要素の高さを設定
$('li').css('height', cell_height + 'px');
}).each(function() {
// IEキャッシュ対応
if (this.complete) {
$(this).load();
}
});
});
Chrome対策として、画像のロード後、高さを取得。
サンプル
