Jeremy Geerdes :: Effective Website Design & Development
Jeremy's Very Cool Ticker
Default Ticker (Totally default)
Horizontal Mode (with 2 minute refresh, Custom control images)
Vertical Mode (Without controls)
Fade Mode (with 5 second display)
Flash Mode (Without controls, Slow display)
Directions

To deploy this ticker on your site, follow these instructions:

  1. Create an html document containing at least one HTML block element (e.g., a <div> tag). Make sure this element has an id that you will access later (i.e., <div id=myTicker>). And you can format it as you will via CSS.
  2. View the source of this document by right-clicking and selecting "View Source" in the context menu which appears.
  3. Locate the line in the document source which begins "// Jeremy's Very Cool Ticker..." (line 32) and copy everything from there to the line beginning "// End Jeremy's Very Cool Ticker" to your clipboard (Ctrl+C).
  4. Return to your html document and paste the copied code into your document's script section. NOTE: This will probably work best if your script section is in the document head, but I don't suppose that's absolutely imperative.
  5. Still in your document's script section, create an init function which will be called upon the completion of your page load. For an example, view lines 11-27 of this document's code.
  6. In this init function, create a new jVCT instance using the syntax
    new jVCT(HTML_Element, Source_URL [, Mode] [, Controls_True_of_False] [, Speed_In_Seconds] [, Refresh_Time_In_Minutes] [, Custom_Previous_Button_URL] [, Custom_Next_Button_URL]);
  7. If you intend to reference the ticker from outside itself (e.g., from a custom remote control), you will want to add some sort of handle to the code above (e.g.,
    var myTicker = new jVCT(...)
    ).
  8. Set your document's onload to call your init function.
© 2006 Jeremy R. Geerdes
All rights reserved.