CreativeEffectOptions | Swiper - v11.2.0

階層

CreativeEffectOptions

索引

屬性

可選 limitProgress

limitProgress: number

限制進度/偏移量到側邊滑動的數量。如果為 1，則前一個/下一個之後的所有幻燈片都將具有相同的狀態。如果為 2，則活動幻燈片之前/之後的第二張幻燈片之後的所有幻燈片都將具有相同的狀態，依此類推。

預設: 1

可選 next

next: CreativeEffectTransform

下一個幻燈片的變換。

範例

{
  // Array with translate X, Y and Z values
  translate: (string | number)[];
  // Array with rotate X, Y and Z values (in deg)
  rotate?: number[];
  // Slide opacity
  opacity?: number;
  // Slide scale
  scale?: number;
  // Enables slide shadow
  shadow?: boolean;
  // Transform origin, e.g. `left bottom`
  origin?: string;
}

可選 perspective

perspective: boolean

如果您的自訂變換需要 3D 變換 (translateZ、rotateX、rotateY)，請啟用此參數

預設: true

可選 prev

prev: CreativeEffectTransform

上一個幻燈片的變換。接受以下類型的物件

範例

{
  // Array with translate X, Y and Z values
  translate: (string | number)[];
  // Array with rotate X, Y and Z values (in deg)
  rotate?: number[];
  // Slide opacity
  opacity?: number;
  // Slide scale
  scale?: number;
  // Enables slide shadow
  shadow?: boolean;
  // Transform origin, e.g. `left bottom`
  origin?: string;
}

可選 progressMultiplier

progressMultiplier: number

允許乘積幻燈片變換和不透明度。

預設: 1

可選 shadowPerProgress

shadowPerProgress: boolean

根據 limitProgress (僅當啟用變換陰影時)分割每個幻燈片的陰影「不透明度」。例如，設定 limitProgress: 2 並啟用 shadowPerProgress，將在活動幻燈片旁邊的兩個幻燈片上將陰影不透明度設定為 0.5 和 1。如果停用此參數，則活動幻燈片之外的所有幻燈片都將具有 1 不透明度的陰影

預設: false