CreativeEffectOptions | Swiper - v12.0.1

层级

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