blocks:
*
*
*
* The first block of the scroller.
* The contents of this block will be displayed if the browser does
* not support the scroller.
*
*
Block 2
*
Block 3
*
* ...
*
*
*
* Assign the class "default" to the first block, the one which you
* would like displayed if javascript is disabled.
*
***********************************************************************
* 3. Add the following rule(s) to your CSS stylesheet:
*
* #scr1 div {
* visibility:hidden;
* }
* #scr1, #scr1 div.default {
* width:160px;
* height:120px;
* overflow:hidden;
* visibility:visible;
* }
* #scr1 table tr td div {
* visibility:visible;
* }
*
* Change both "scr1" to the id you gave to the scroller container. The
* width and height properties should match those you will use in step 4.
*
* To further style the scroller container, assign CSS properties to the
* scroller target id:
*
* #scr1 {
* background-color:#f6f6f6;
* margin:0px auto;
* }
*
* The script will replace each block you add to the container with a
* single-celled
. So to style the blocks of your scroller, you
* can style these table cells as if they were actually part of your
* document source:
*
* #scr1 table tr td {
* padding:10px;
* color:#ff0000;
* text-align:center;
* vertical-align:middle;
* }
*
***********************************************************************
* 4. Create a new scrollObject:
*
* new scrollObject("scr1", 120, 120, "up", 5000, 1.4);
*
* The arguments for this object are as follows:
* a. - ID of the target tag (from step 1)
* b. - Width (in pixels) of your scroller
* c. - Height (in pixels) of your scroller
* d. - Scroll direction: one of "up", "down", "left" or "right"
* e. - Amount of time to pause before next scroll begins (ms)
* f. - Slide-in speed of your scroller (1.001 up to width or height)
*
***********************************************************************
*** To add more scrollers to the same page: ***************************
***********************************************************************
* 1. Create additional containers - with different ID's - and blocks in
* the body of your HTML
*
*
*
HTML is allowed too!
*
*
*
As long as it fits within the dimensions above
*
*
*
*
Block 1
*
Block 2
*
Block 3
*
Block 4
*
*
***********************************************************************
* 2. Add the matching rules to your CSS stylesheet
*
* #scr2 div,
* #scr3 div {
* visibility:hidden;
* }
* #scr2, #scr2 div.default {
* width:468px;
* height:60px;
* overflow:hidden;
* visibility:visible;
* }
* #scr3, #scr3 div.default {
* width:140px;
* height:140px;
* overflow:hidden;
* visibility:visible;
* }
* #scr2 table tr td div,
* #scr3 table tr td div {
* visibility:visible;
* }
*
***********************************************************************
* 3. Create new scrollObjects for each scroller in the