Support Center

How to customize the button icons of my JavaScript image slider scroller?

"I like the button icons in js image scroller supported by Hi Slider, but the default settiing is not what I need, how to reset the style?"

 

Answer :

Hi Slider does not only allow you to choose button icons from the library, but also lets you to use your customized icons. The followings will show you how to customize button icons for Page buttons, Thumbnail buttons, Play/Pause buttons, Fullscreen buttons, etc.

The whole image may contain two or more buttons and each button consists of two or three status shapes: Normal Shape, Mouse Over Shape and Disabled Shape. And each shape should be 64*64 px.

Below we will take Page buttons and Thumbnail buttons as example:

customize button icons for the jQuery image slider

 

(1) Normal Shape: Shows when the button is visible, which means that users can click on it.

(2) Mouse Over Shape: Shows when the mouse moves over it and it's clickable.

(3) Disabled Shape: Shows when the button is not clickable.

 


Related FAQ:

How to create javascript image scroller slideshow with buttons?
How to Create an CSS Image Carousel Gallery in WordPress?

Hi Slider Showcase Free Download Hi Slider Video Tutorial
Free for personal use
Copyright © 2020 Hi Slider. All rights reserved