Under construction.

You can probably look at the source of the demos for examples of how TraceyText is used.

Terminology and The Different View Types

A TraceyText object implements a single "slideshow", which has a sequential series of "slides". Each slide contains text and HTML that will be displayed to the user in a "view". A view is usually implemented as a <div> or <span> tag whose inner HTML is set to the slide text or HTML. There can be multiple views associated with a single slideshow, and all the views will be updated to new slides simulataneously as the user navigates to the next or previous slide.

For example, an art gallery slideshow may have two views. One view can be used to display the HTML for each image in the gallery, and the second view can be used for accompanying text descriptions for the image. By using two views, we can place the two views in different areas of the web page. TraceyText can handle an unlimited number of simultaneous slide shows and views.

To minimize the web page size, TraceyText offers four different types of views:

(This section under construction.)

Display Counter

The display counter is a <div> or <span> tag whose inner HTML will be set to the current slide number. (This section under construction.)

Floating Control Panel

Using the TraceyText API, it is easy to connect HTML buttons or JavaScript actions to change the slide to the next or previous slide. However, TraceyText comes with a floating control panel with Next, Previous, and Jump To buttons for slide control which will hover in the top left corner of the screen, even if the user scrolls up or down the web page. (This section under construction.)

The TraceyText API

The TraceyText API makes it easy to programmatically create and control slide shows. (This section under construction.)

The Raw TraceyText Format and Python Script

For easy creation of complicated slideshows, you can type the slideshow data into a simple format call the Raw TraceyText Format. TraceyText includes a Python script (and an executable version of the script) which converts the Raw TraceyText Format into the necessary JavaScript code to create the TraceyText slideshow. (This section under construction.)


You can view examples of the raw TraceyText format, the basic JavaScript the raw format produces, and completed TraceyText slideshows on the demo page.