Create a Slider inside a Frame

A slider like this is setup by adding a frame, in this case a laptop image, as a Static Layer, and then sizing and positioning the images to fit inside the frame.

1. Set the Slider's Layers Grid Size to the same size as your frame graphic.

2. Add the frame image to the Static Layers slide with the following settings

2. Add your images to your slides, resizing and positioning them based on how they would fit inside the frame.

3. Set the Image Layer transition to animate-in at the beginning of the timeline, and then animate-out at the very end of the timeline.

Click the screenshot below to view its original size.

4. Add the following CSS to the slider's Custom CSS section.

This places the frame (the laptop graphic) behind all regular slides (the images).