基本的 Javascript 用法和初始化
可以通過 jQuery 使用函式 $('.carousel').carousel(options)
例項化輪播元件,其中 $('.carousel')
是對特定輪播的頂級引用,options
是指定輪播的預設屬性的 Javascript 物件。
options
物件允許定義多個屬性,這將影響輪播的行為方式。這些屬性定義如下:
interval
屬性接受 Javascriptnumber
型別,允許使用者定義輪播顯示給定輪播幻燈片的時間量。如果指定了布林值false
,則輪播將不會自動迴圈。pause
屬性接受 Javascriptstring
型別,當使用者的滑鼠進入旋轉木馬時,該型別切換旋轉木馬的自動迴圈暫停的行為。接受的預設(和唯一)值是懸停。wrap
屬性接受 Javascriptboolean
型別,允許使用者定義他們是否希望輪播在不停止給定幻燈片的情況下連續迴圈。keyboard
屬性接受 Javascriptboolean
型別,允許使用者定義他們是否希望輪播響應鍵盤事件。
以下是基本 Javascript 用法的示例:
$('#carCarousel').carousel({ interval: 2500, pause: "hover", wrap: false, keyboard: true });
與其他 Bootstrap 元件一樣,輪播的選項也可以通過資料屬性在 HTML 中指定。