Jump-delta
From Frontal Wiki
Contents |
Purpose
This style sets the amount to step/jump forward or backward among managed elements in response to clicking an element that has the frButtonNext or frButtonPrev style class. See the 'manager' tag for more details on these style classes.
Value
The jump-delta style accepts integer values.
jump-delta: 1;
Remarks
When using classes "frButtonNext" and "frButtonPrev" the jump-delta is automatically set to "1" and "-1" respectively.
Example
This example has a slide show with a set of next and previous links that move by one element at a time and another set that move by 3 elements at a time.
<style><![CDATA[ div { width: 300px; height: 300px; } text { font-size: 20px; } ]]></style> <div> <manager id="mgr" style="hide-unselected: true; tween-container-init: true;" /> <div style="background-color: lightblue;">1</div> <div style="background-color: lightgreen;">2</div> <div style="background-color: orangered;">3</div> <div style="background-color: red;">4</div> <div style="background-color: magenta;">5</div> <div style="background-color: lightpink;">6</div> <div style="background-color: lemonchiffon;">7</div> </div> <text class="frButtonNext" mgrId="mgr">next (jump 1 forward)</text> <text class="frButtonPrev" mgrId="mgr">previous (jump 1 backward)</text> <text class="frButtonNext" mgrId="mgr" style="jump-delta: 3;">next (jump 3 forward)</text> <text class="frButtonPrev" mgrId="mgr" style="jump-delta: -3;">previous (jump 3 backward)</text>
Can Be Applied To
This style can be applied to any visual element and is used in conjunction with the frButtonPrev and frButtonNext style classes defined in The Default Frontal Style Sheet.