# Slide Transition

> Master slide transitions in Aspose.Slides for Node.js: add, customize, and sequence effects and durations with examples for PPT, PPTX, and ODP presentations.

Source: https://docs.aspose.com/slides/nodejs-java/examples/elements/slide-transition/
Updated: 2026-08-05


This article demonstrates applying slide transition effects and timings with **Aspose.Slides for Node.js via Java**.

## **Add a Slide Transition**

Apply a fade transition effect to the first slide.

```js
var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");

function addSlideTransition() {
    let presentation = new aspose.slides.Presentation();
    try {
        let slide = presentation.getSlides().get_Item(0);

        // Apply a fade transition.
        slide.getSlideShowTransition().setType(aspose.slides.TransitionType.Fade);

        presentation.save("slide_transition.pptx", aspose.slides.SaveFormat.Pptx);
    } finally {
        presentation.dispose();
    }
}
```

## **Access a Slide Transition**

Read the transition type currently assigned to a slide.

```js
var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");

function accessSlideTransition() {
    let presentation = new aspose.slides.Presentation("slide_transition.pptx");
    try {
        let slide = presentation.getSlides().get_Item(0);

        // Access the transition type.
        let type = slide.getSlideShowTransition().getType();
    } finally {
        presentation.dispose();
    }
}
```

## **Remove a Slide Transition**

Clear any transition effect by setting the type to `None`.

```js
var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");

function removeSlideTransition() {
    let presentation = new aspose.slides.Presentation("slide_transition.pptx");
    try {
        let slide = presentation.getSlides().get_Item(0);

        // Remove transition by setting none.
        slide.getSlideShowTransition().setType(aspose.slides.TransitionType.None);

        presentation.save("slide_transition_removed.pptx", aspose.slides.SaveFormat.Pptx);
    } finally {
        presentation.dispose();
    }
}
```

## **Set Transition Duration**

Specify how long the slide is displayed before advancing automatically.

```js
var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");

function setTransitionDuration() {
    let presentation = new aspose.slides.Presentation();
    try {
        let slide = presentation.getSlides().get_Item(0);

        slide.getSlideShowTransition().setAdvanceOnClick(true);
        slide.getSlideShowTransition().setAdvanceAfterTime(2000); // in milliseconds.

        presentation.save("slide_transition_duration.pptx", aspose.slides.SaveFormat.Pptx);
    } finally {
        presentation.dispose();
    }
}
```



## Related articles

- [Animation](https://docs.aspose.com/slides/nodejs-java/examples/elements/animation/)
- [Manage Slide Transitions in Presentations Using JavaScript](https://docs.aspose.com/slides/nodejs-java/slide-transition/)
- [Manage Presentation Slides in JavaScript](https://docs.aspose.com/slides/nodejs-java/presentation-slide/)