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:
- 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.
- View the source of this document by right-clicking and selecting "View Source" in the context menu which appears.
- 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).
- 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.
- 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.
- 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]);
- 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(...)
). - Set your document's onload to call your init function.
© 2006 Jeremy R. Geerdes
All rights reserved.
All rights reserved.
