Slider Maker

Create a slider - Jssor Slider Tutorial


1. Create a slider file 001-image-slider.slider.

Login and open your workspace (e.g. jssorservice*), click New slider file icon to create a new file with name 001-image-slider.slider.



2. Open the slider file.

In your workspace, double click the 001-image-slider.slider file to open it.



3. Set slide size.

Click Layout menu to open layout window. Set slide size to 980 x 380 and then click OK button.



4. Add image slides.

Click 'Add Slide' toolbox item, and click 'Image Slides' menu item.

In the file browser dialog, open your workspace (e.g. jssorservice*), select image files (or upload and then select), and then click Select button.



5. Set bullet navigator.

Click Layout menu to open layout window. switch to Bullets tab, select a bullet skin and then click OK button.



6. Set arrow navigator.

Switch to Arrows tab, select an arrow skin and then click OK button.



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 001-image-slider.slider.