Flexslider


Main Slider with inset container (with Progress Bar):

HTML markup

Full Screen Slider (with Progress Bar):

HTML markup

Arrow Types:

HTML markup

ct-flexslider–arrowType1
ct-flexslider–arrowType2

Controls Type:

HTML markup

ct-flexslider–controls – default
ct-flexslider–whiteControls

Flexslider

Content / Images Slider.
Each parameter can be defined as data attribute :

  • data-namespace
  • data-selector
  • data-animation
  • data-easing
  • data-direction
  • data-reverse
  • data-animationloop
  • data-smoothheight
  • data-startat
  • data-slideshow
  • data-slideshowspeed
  • data-animationspeed
  • data-initdelay
  • data-randomize
  • data-thumbcaptions
  • data-pauseonaction
  • data-pauseonhover
  • data-pauseinvisible
  • data-usecss
  • data-touch
  • data-video
  • data-controlnav
  • data-directionnav
  • data-prevtext
  • data-nexttext
  • data-keyboard
  • data-multiplekeyboard
  • data-mousewheel
  • data-pauseplay
  • data-pausetext
  • data-playtext
  • data-itemwidth
  • data-itemmargin
  • data-minitems
  • data-maxitems
  • data-move
  • data-allowoneslide
  • data-controlscontainer
  • data-manualcontrols
  • data-sync
  • data-asnavfor

Read the documentation here:

Flexslider Documentation

And js initialization (js/main.js file), there you can change slider parameters: