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

作成日:

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

なのでJSに

JavaScript jQuery
$('.carousel').on('slide.bs.carousel', function(e){
	var next = $(e.relatedTarget);
	var h = next.height();
	$(this).find('.carousel-inner').height(h);
});
と追加してみる。

物草 灸太郎

WordPressでホームページを制作しつつ、休日は畑を耕したりDIYを楽しんでいます。

コメントをどうぞ

  • メールアドレスが公開されることはありません。
  • コメント欄にURLは入力できません。
  • このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシー利用規約が適用されます。