Skip to main content

Slide Transition Service

The Slide Transition Service provides functionality to manage and execute slide transitions in a deck or presentation.

Methods​

runSlideTransitionOnSlideById(slideId, slideTransitionOptions, isInTransition, isForwards)​

Description​

  • Runs a slide transition animation on a specific slide identified by its ID.

Return Value: Promise​

Options:​

  • slideId: String - The ID of the slide to transition
  • slideTransitionOptions: Object - Configuration options for the transition:
    • animationType: String - Type of animation (e.g., 'slide', 'fade', 'none')
    • animationDirection: String - Direction of animation ('horizontal' or 'vertical')
    • animationDuration: Number - Duration of animation in seconds
    • animationDelay: Number - Delay before animation starts in seconds
    • animationEase: String - Easing function for the animation
  • isInTransition: Boolean - Whether the transition is an entrance (true) or exit (false) animation
  • isForwards: Boolean - Whether the transition is moving forwards (true) or backwards (false) in the slide order

Code Example​

const slideTransitionOptions = {
    animationType: 'slide',
    animationDirection: 'horizontal',
    animationDuration: 0.3,
    animationDelay: 0,
    animationEase: 'linear'
};
await digideckCore.slideTransitionService.runSlideTransitionOnSlideById(slideId, slideTransitionOptions, true, true);

Supported Animation Types​

The service supports the following animation types:

  1. Slide - Slides the content in/out from different directions

    • Horizontal: Left/Right
    • Vertical: Top/Bottom

  2. Fade - Fades the content in/out

  3. None - No animation, immediate transition