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

2,642 views

Published on

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/

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,642
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. 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.
  2. 2. 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.
  3. 3. (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).
  4. 4. All Transitions: At the Left side of the Effect Options window, select "Random" effect and check all effects.
  5. 5. 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.
  6. 6. (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.
  7. 7. Step 3 Customize the jQuery slider with professional template, skin and custom tools, and click the "Refresh" button to save all the settings.
  8. 8. Step 4 Click the "Publish" button and choose an output form to publish the responsive image slideshow.
  9. 9. 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

×