Configuration
Note
jQuery must be enabled in the page layout!
1 / Create the wrapper elements
First create one element of type Newsticker wrapper (start) and one of type Newsticker wrapper (end).
The element Newsticker wrapper (start) has several settings:
| Setting | Description |
|---|---|
| Direction | Choose the direction in which the elements move (up / down). |
| Transition speed | Defines the transition speed. Values: slow, medium, fast or a value in milliseconds. |
| Interval | Number of milliseconds until the next change. Enter 0 to disable the automatic change. |
| Height | Adjusts the height of the newsticker. With auto the height adapts automatically. You can also set values such as 200px or 300px. |
| Number of visible elements | Defines how many elements are visible. Enter 0 to show all elements or a specific value such as 1, 2, 3 etc. |
| Pause on mouse over | Pauses the newsticker when the user moves the mouse over an element. |
| Show controls | Enable this option to show the controls (up, down, play, pause). |
Create newsticker elements
Inside the wrapper elements, place an element of type Newsticker element. There you can set a headline, a text and an image. Under hyperlink settings you can also link the whole element.
In the back end, the structure of the elements should look roughly like this:
Examples
