2. Installation

Since NlsScroller is Javascript control, it is fairly simple to install the packcage. Just extracts the files in the package into folder you have prepared. Below is the folders structure.

NlsScroller folders structure
  1. docs, NlsScroller documenation. Simply opens the docs/index.htm in browser to view this documentation.
  2. examples, contains example files. To view the examples, open the examples/index.htm in browser.
  3. nlsscroller, contains NlsScroller library and stylesheet.

2.1. NlsScroller Library

Below are script and stylesheet files in nlsscroller folder.

NlsScroller library
  1. img, folder contains all images/icons used in the scroller.
  2. nlsscroller.js, main NlsScroller script file. You must includes this file in the page.
  3. nlsscroller_dyn.js, NlsScroller for dynamic content loading library. Includes this only when you use dynamic content loading feature.
  4. nlsscroller_eff_blank.js, NlsScroller Blank Effect library, includes this only when you use this effect.
  5. nlsscroller_eff_fade.js, NlsScroller Fade Effect library, includes this only when you use this effect.
  6. nlsscroller_eff_wipe.js, NlsScroller Wipe Effect library, includes this only when you use this effect.
  7. nlsscroller_eff_slide.js, NlsScroller Slide Effect library, includes this only when you use this effect.
  8. nlsscroller_ievx.js, NlsScroller IE's Visual Transition Effect library, includes this only when you use this effect.
  9. nlsscroller.css, standard NlsScroller stylesheet.
  10. slide.css, NlsScroller stylesheet when you use Slide Effect.
  11. newsticker.css, NlsScroller stylesheet when you implements newsticker.
    Please note that all the stylesheets actually defines same set of css rules. The difference are they are customized for specific used.