Support Center

Options

DIXIT uses Slider Revolution – A premium jQuery plugin by ThemePunch. Everything you need to use the slider is included in the DIXIT skin. There is no module or user interface provided to use the slider and hence basic knowledge of HTML and JavaScript is required. Step by step instructions and video tutorial is provided below.

  1. delay The time one slide stays on the screen in Milliseconds (Default: 9000)
  2. startheight Basic Height of the Slider in the desktop resolution in pixel, other screen sizes will be calculated from this (Default: 490)   It should be similar to the settings of the style sheet.  If you use a fullwidth banner, ti will deinfe the max. Height of the banner by resizing of the browser. The banner wont ne heigher than this value.
  3. startwidth Basic Width of the Slider in the desktop resolution in pixel, other screen sizes will be calculated from this (Default: 890)   It should be similar to the settings of the style sheet.  If you use a fullwidth banner, ti will deinfe the max. Width of the banner by resizing of the browser.
  4. hideThumbs Time after that the Thumbs will be hidden(Default: 200),
  5. navigationType  Display type of the navigation bar (Default:"none")
    Options:
    bullet
    thumb   ** In Fullwidth version thumbs wont be displayed  if navigation offset set to shwop thumbs outside of the container ! Thumbs must be shown in the container!
    none
    both
  6. navigationArrows Display position of the Navigation Arrows (Default: "nexttobullets")
    Options:
    nexttobullets
    verticalcentered   ** By navigation Type Thumb arrows always centered or none visible
    none
  7. navigationStyle Look of the navigation bullets (Default: "round")
    Options:
    round
    navbar
    round-old
    square-old
    navbar-old   ** If you choose navbar-old, we recommend to choose Navigation Arrows to nexttobullets
  8. touchenabled Enable Swipe Function on touch devices (Default: "on")
    Options:
    on
    off
  9. navOffsetHorizontal The Bar is centered but could be moved this pixel count left(e.g. -10) or right (Default: 0)  ** By resizing the banner, it will be always centered !!
  10. navOffsetVertical The Bar is bound to the bottom but could be moved this pixel count up (e. g. -20) or down (Default: 20)
  11. shadow The Shadow display underneath the banner
    Options:
    0 No Shadow
    1
    2
    3
  12. onHoverStop Stop the Timer when hovering the slider
    Options:
    on
    off
  13. thumbWidth the basic Width of one Thumbnail (only if thumb is selected. Default:100)
  14. thumbHeight the basic Height of one Thumbnail (only if thumb is selected Default 50)
  15. thumbAmount the amount of the Thumbs visible same time (only if thumb is selected)
    ** All Thumbs will be hidden in smallest Responsive Level, and in smaller level default size is reset to 60x30px. Can be modified in the settings.css file)
  16. hideCaptionAtLimit It Defines if a caption should be shown under a Width Limit ( Basod on The Width of Banner ! ) You need to define the captions which should be shown seperately with data-captionhidden="on/off"
  17. hideAllCaptionAtLilmit Hide all The Captions if Width of Browser is less then this value
  18. hideSliderAtLimit under this Limit the Slider is hidden and the timer is stopped
  19. FullWidth on/off It turns on the Horizontal Centering of Images in FullWidth version. In Case the Image is bigger then the container width, it fits the image with its height in the container and centers horizontally.
  20. stopAtSlide -1 or 1 to 999. Stop at selected Slide Number. If set to -1 it will loop without stopping. Only available if stopAfterLoops is not equal -1 !
  21. stopAfterLoops -1 or 0 to 999. Stop at selected Slide Number (stopAtSlide) after slide looped "x" time, where x this Number. If set to -1 it will loop without stopping. Only available if stopAtSlide not equal -1 !

Glad we could be helpful. Thanks for the feedback.

Sorry we couldn't be helpful. Your feedback will help us improve this article.

How helpful was this page?

  
Updated on Wed, 13 Sep 2017 by Gagandeep Singh

In this section