🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Nicefade is an extremely simple and lightweight jQuery plugin helps you create a clean Html content slideshow with crossfade animation.

fade crossfade

Documentation

NiceFade: A jQuery slideshow plugin

DOM structure:

ul or ol.nicefade_container 	li (these are the slides) ul or ol.nicefade_index-list (same length as items in slideshow) (optional) 	li (these are the slide indices) 		a 

Options:

  • animationSpeed - speed of slideshow animation in milliseconds
  • animationDelay - delay between animations in milliseconds
  • indexList - ul or ol with each child li representing their own slide in the slideshow
  • initialIndex - the slideshow's starting point
  • currentClass - the class of the current slideshow item and current index item
  • beforeSlideChange - function that gets called before the slides begin to change
  • afterSlideChange - function that gets called after the slides finish changing

Public functions:

Note: automated slide animation stops when you manually move to a specific slide

  • next() - advance the slideshow one step forward
  • previous() - move the slideshow one step backward
  • seek( index ) - change the visible slide to the one at index @index
  • stop() - stop the slideshow's automated animation
  • slideshow_length() - the number of elements in the slideshow
  • current_slide() - the slide currently being shown
  • target_slide() - the slide that is targeted to fade in (via click or automation)

You May Also Like