README.md

Olay - rotator

Display and rotate tru text from a list.

Base URL: https://etrusci.org/tool/olay/?mod=rotator
Default configuration: rotator.conf.js
Default style: rotator.default.css

---

Examples

• mod=rotator
• mod=rotator&updaterate=2000
• mod=rotator&updaterate=2000&items=|one|two|three
• mod=rotator&updaterate=2000&items=|one|two|three&shuffle=false

---

Configuration

updaterate

Rotation update rate in milliseconds.

Valid: Integers >= 1

shuffle

Whether to shuffle the items list.

Valid:

• true: Shuffle list
• false: Keep list in order

items

Items to rotate tru.

Valid: text, HTML

Start each item with |.
Separate sub-items with *.
Prefix image URL/paths with img:.
Prefix video URL/paths with vid:.

Example:

items: `
    |just text
    |multiple*lines*of*text
    |img:https://example.org/test.png
    |text before image*img:https://example.org/test.png
    |img:https://example.org/test.png*text after image
    |vid:https://example.org/test.mp4
`

---

Output Styling

HTML Elements

<div class="mod rotator">
    [<div class="txt">{text}</div>]
    [<div class="img"><img src="{image}" alt="{image}"></div>]
    [<div class="vid"><video src="{video}" autoplay="true" loop="true" playsinline="true"></video></div>]
</div>

Available CSS Selectors

.mod {} /* or */ .mod.rotator {} /* Module output container */

.txt {} /* Text items */

.img {} /* Image items */

.img > img {} /* Image tags inside image items */

.vid {} /* Video items */

.vid > video {} /* Video tags inside video items */

---