pagering

A simple JavaScript carousel for text.

How it works

The code requires two elements: one that directly holds text, and a wrapper around it. The element with text is given CSS3 columns, cut to a specified height, and the resultant overflowing text hidden. Because this conveniently goes out the right side, we can make ‘pages’ by simply changing the text element’s left margin, moving the extra columns in and out of sight.

How to use

Edit the stuff in #text, and/or edit the CSS properties for #text and #content.

Currently, this is fairly dependent on the example HTML and CSS.

Notes

• I have tested this using WebKit and Minefield (the development versions of Safari and Firefox). It probably won’t work anywhere else.

• It would be helpful to abstract the code so one can simply pass in the id of the element one desires to page.

• It would also be helpful to make the current-page indicator into a hover-to-edit input box.