NivoSlider is fully responsive slider with couple usefull options. You can use it wherever you want and as many times you want, there is no limits. You can find couple demos below.


  • ID: you can choose ID of the slider you want to use
  • width: width of the slider (stays responsive)
  • crop: choose if you want to crop your images to the same height (image won’t be cropped if smaller)
  • height: height of the slider images
  • thumbs: choose if you want to show thumbs or standard dots
  • margintop: top margin for your control (thumbs or dots) navigation. You can use here negative values too
  • thumbswidth: thumb width
  • thumbsheight: thumb height
  • thumbsmargin: choose margin between thumbs
  • speed: slideshow speed
  • effect: you can choose you effect here, by default it’s random
  • shadowed: if you want to use shadows within the slider you can choose YES here

Basic setup

Shadowed version

Changed thumbnail size and position