読者です 読者をやめる 読者になる 読者になる

SublimeなLife日記

少しでも素晴らしい生活をおくるために、日々、気になったことを。

Bootstrapのカルーセルスライダーが自動で動かない時にオートプレイにする設定

Web制作とか

jsに以下の記述を追加すると、ページを読み込みはじめると同時にスライドがはじまります。

$('.carousel').carousel({
  interval: 2000
})

bootstrap.min.jpを読み込んだあとに記述する必要があります。
スライドを切り替える時間の変更は、intervalの値を変更します。

上記は2秒です。2秒でスライドが切り替わります。
すぐに動いているかがわかって便利ですね。

よく使うのでメモ。