Featured Box 1

On this page you get some examples of what kind of trasitions you can use on featured box. This is also one advantage of this plugin. You can use different transitions for the slides, description and navigation. You can also use a different transition time for these elements.

Slider transitions

Description transitions

Navigation transitions

Below you find some examples of the different transitions that you can use. This way you get a better feeling of what feature box is capable of.

  • Image
    Et harum quidem rerum
    Image
  • Image
    Omnis voluptas assumenda est
    Image
  • Image
    Aut reiciendis voluptatibus maiores alias consequatur?
    Image
  • Image
    Saepe eveniet ut et voluptates?
    Image
For the slides and the desciprtion we used the slide-bottom transition

In the example below we used the fade transition for the slides and the description.

  • Image
    Et harum quidem rerum
    Image
  • Image
    Omnis voluptas assumenda est
    Image
  • Image
    Aut reiciendis voluptatibus maiores alias consequatur?
    Image
  • Image
    Saepe eveniet ut et voluptates?
    Image
Fade transition

For the example below we used the slide-top transition for the description and the slide-left for the slides. We also setted the parameter navigationHide to true. This way the navigation is hidden and will be shown when we hover the featured box.

  • Image
    Et harum quidem rerum
    Image
  • Image
    Omnis voluptas assumenda est
    Image
  • Image
    Aut reiciendis voluptatibus maiores alias consequatur?
    Image
  • Image
    Saepe eveniet ut et voluptates?
    Image
Slide transitions with hidden navigation

In the following example we used the line transition for the slides and the fade animation for the description.

  • Image
    Et harum quidem rerum
    Image
  • Image
    Omnis voluptas assumenda est
    Image
  • Image
    Aut reiciendis voluptatibus maiores alias consequatur?
    Image
  • Image
    Saepe eveniet ut et voluptates?
    Image
Line animation