Easy Slider

Updated: August 31, 2016
close

AIT Toolkit plugin is required to use this Element.

Easy slider element allows you to create simple slider presentation of images anywhere on your page.

Available are options:

  • Animation – option to select animation effect of transitions between slides, available are animation:
    • Slide Horizontal: slides are moved from right side to left
    • Fade: slides appears and disappears in place with fade effect
  • Autoplay – decide if slider starts switch between slides automatically after page load
  • Size – size of slider, available are sizes:
    • Content Size: width of slider depends on content width
    • Fullwidth Size: width of slider depends on browser window width, images are visible through full width of screen
  • Image Format – select format of images used in slider
  • Navigation – select type of navigation, available are navigations:
    • Bullets: navigate through slides by clicking on bullets
    • Thumbnails: navigate through slides by clicking on thumbnail of each slide
    • None: do not show navigation
  • Description Animation – select animation effect for description box

By clicking on link “+ Add New Item” you can add new slides and specify their values:

  • Link – URL of link used for image in slide
  • Image – URL of image displayed in slide
  • Title – text displayed as title in description box
  • Description – main text displayed description box
  • Button Text – text displayed on button in description box
  • Text Alignment – select alignment for text in description box
  • Position of Description – select position of description box in slide
  • Description Width – specify the width of description box

Advanced options

Slider Layout section

  • Slider Border – specify the color of border around slider
  • Autoplay Pause – set up time in seconds between each auto transition
  • Navigation Position – select position of navigation, available is Outside or Inside position
  • Thumbnail Border – specify the color of border around thumbnails

Slider Descriptions Layout section

  • Width – specify the width of description box globally for all created slides
  • Vertical Offset – set up top and bottom offset of description boxes
  • Horizontal Offset – set up left and right offset of description boxes
  • Background – specify the background color and opacity of description boxes
  • Title – color of titles in description boxes
  • Title Size – font size of titles in description boxes
  • Text – color of main text in description boxes
  • Button Color – color of buttons in description boxes
  • Button Text – color of text on buttons in description boxes
  • Button Opacity – specify opacity of buttons in description boxes

Using drag&drop system you can easily change order of created slides. Just drag and drop each slide to position you want.

element_easy_slider