【Bootstrap・JS】カルーセルで高さを合わせる

【Bootstrap・JS】カルーセルで高さを合わせる



Bootstrapのカルーセル(フェードイン)実行時に、それぞれのスライドの高さがまばらだと、フェードトランジション終わってから高さが付くので前のスライドの高さに依存する。

なのでJSに

$('.carousel').on('slide.bs.carousel', function(e){
	var next = $(e.relatedTarget);
	var h = next.height();
	$(this).find('.carousel-inner').height(h);
});

と追加してみる。

今日はここまで

関連する記事



こちらはいかが?


コメントを残す