基本的 Javascript 用法和初始化

可以通過 jQuery 使用函式 $('.carousel').carousel(options) 例項化輪播元件,其中 $('.carousel') 是對特定輪播的頂級引用,options 是指定輪播的預設屬性的 Javascript 物件。

options 物件允許定義多個屬性,這將影響輪播的行為方式。這些屬性定義如下:

  • interval 屬性接受 Javascript number 型別,允許使用者定義輪播顯示給定輪播幻燈片的時間量。如果指定了布林值 false,則輪播將不會自動迴圈。
  • pause 屬性接受 Javascript string 型別,當使用者的滑鼠進入旋轉木馬時,該型別切換旋轉木馬的自動迴圈暫停的行為。接受的預設(和唯一)值是懸停
  • wrap 屬性接受 Javascript boolean 型別,允許使用者定義他們是否希望輪播在不停止給定幻燈片的情況下連續迴圈。
  • keyboard 屬性接受 Javascript boolean 型別,允許使用者定義他們是否希望輪播響應鍵盤事件。

以下是基本 Javascript 用法的示例:

$('#carCarousel').carousel({ interval: 2500, pause: "hover", wrap: false, keyboard: true });

與其他 Bootstrap 元件一樣,輪播的選項也可以通過資料屬性在 HTML 中指定。