How to add blind, fade and both transitions in my Qquery image slider with Hi Slider?

12

description

Hi Slider provides you with multiple fantastic transitions and effects to create gorgeous jQuery image slider, responsive HTML5 photo slideshow and WordPress image slider plugin. For more info: http://www.hislider.com/

Transcript of How to add blind, fade and both transitions in my Qquery image slider with Hi Slider?

Page 2: How to add blind,  fade and both transitions in my Qquery image slider with Hi Slider?

Hi Slider provides you with multiple transitions, and you can add different transitions to your jQuery image slider. Below I will show you how to add only one transition, all transitions or some appointed transitions for a single slide.

Page 3: How to add blind,  fade and both transitions in my Qquery image slider with Hi Slider?

Step 2 Add transitions to the jQuery image slider. (1) Start Hi Slider and create a new project, add images to the jQuery slider;

Step 1 Launch Hi Slider and add images or videos to your HTML5 image slideshow.

Page 4: How to add blind,  fade and both transitions in my Qquery image slider with Hi Slider?
Page 5: How to add blind,  fade and both transitions in my Qquery image slider with Hi Slider?

(2) Then click the Random button, and the Transition Effect Options window will pop up. Then you can add only one transition, all transitions or some appointed transitions to your image slideshow; One transition: At the Left side of the Effect Options window, you can see the transition list, click to select the transition (not Random) you would like to add for the selected image. And you can see the transition effect in the Preview window (3DHorizontal and 3DVertical are not supported in Preview window, but in browsers).

Page 6: How to add blind,  fade and both transitions in my Qquery image slider with Hi Slider?
Page 7: How to add blind,  fade and both transitions in my Qquery image slider with Hi Slider?

All Transitions: At the Left side of the Effect Options window, select "Random" effect and check all effects.

Page 8: How to add blind,  fade and both transitions in my Qquery image slider with Hi Slider?

Appointed Transitions: You can add some appointed transitions to your slider by enabling the ones instead of checking all of them. For example, if you want to add 3DHorizontal, 3DVertical and Blind, then just select these transitions and leave others unchecked.

Page 9: How to add blind,  fade and both transitions in my Qquery image slider with Hi Slider?

(3) After you choose the transition(s), you then need to define the settings under the Options tab, for example, Duration, Direction and Easing; P.S: You can apply the transition settings to all the images of the slider by clicking the "Apply to All" button. (4) Click the "OK" button to save and exit.

Page 10: How to add blind,  fade and both transitions in my Qquery image slider with Hi Slider?

Step 3 Customize the jQuery slider with professional template, skin and custom tools, and click the "Refresh" button to save all the settings.

Page 11: How to add blind,  fade and both transitions in my Qquery image slider with Hi Slider?

Step 4 Click the "Publish" button and choose an output form to publish the responsive image slideshow.

Page 12: How to add blind,  fade and both transitions in my Qquery image slider with Hi Slider?

Copyright © 2013 Hi Slider. All rights reserved

http://www.hislider.com/faq/how-to-add-blind-fade-and-both-transitions-in-my-jquery-image-slider.html