Slider Maker

Set arrow navigator - Jssor Slider Tutorial


1. Create 'tutorial03.slider'.

Open tutorial02.slider, click File -> Save As menu to save it as tutorial03.slider to your workspace.


2. Open layout window, switch to 'Arrows' tab.

Click Layout menu to open layout window, and click Arrows tab.



3. Select an arrow skin.

In the Arrows tab, click the '...' button of Skin property to open file browser dialog as below.
Select 'arrow-skin-05.txt' and click OK button.



4. Confirm and close layout window.

In the layout window, click OK button.



5. Save your slider.

Click File -> Save menu to save your slider.



6. View your slider.

Click View menu to view your slider.
View example tutorial03.slider.