Slider Maker

Tutorial: 103-nested-layer.slider - Jssor Slider


1. Create a slider file 103-nested-layer.slider.

See Create a slider.



2. Open slider file 103-nested-layer.slider and add image slides.

See Create a slider.



3. Add text layer.

Click Add Layer toolbox item, and click Text Layer menu item.



4. Add panel layer.

Click Add Layer toolbox item, and click Panel Layer menu item.



5. Move the text layer inside the panel layer.

Move a layer inside a panel layer in one of the following ways.

A. By drag drop
  In the layer list, drag the text layer, move it to panel layer as a child layer.

B. By copy/paste
  Press Ctrl + X to cut the text layer, select the panel layer, press Ctrl + Shift + V to paste the text layer inside the panel layer.



6. Create layer animation.

See 003-layer-animation.slider
See 101-layer-rotate.slider
See 102-layer-clip.slider



7. Save your slider.

Click File -> Save menu to save your slider.



8. View your slider.

Click View menu to view your slider.
View example 103-nested-layer.slider.