CreativeEffectOptions | Swiper - v11.2.0

层级

CreativeEffectOptions

索引

属性

可选 limitProgress

limitProgress: number

限制进度/偏移量到侧滑块的数量。如果为 1，则 prev/next 之后的所有滑块将具有相同的状态。如果为 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