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

作成日： 2019年12月2日

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を楽しんでいます。

⬅ 前の記事
モバイルディスプレイの選択肢に液晶ペンタブレットも加えてみては？
次の記事 ➡
【WordPress】save_postでwp_update_postがうまく機能しないので、$wpdb->updateを使う

関連投稿

コメントをどうぞ

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