|
148 | 148 |
|
149 | 149 | # HTML template for HTMLWriter |
150 | 150 | DISPLAY_TEMPLATE=""" |
151 | | -<divalign="center"> |
152 | | -<img> |
153 | | - <br> |
154 | | -<input type="range"style="width:350px" |
155 | | -name="points" min="0" max="1" step="1" value="0" |
156 | | -onchange="anim{id}.set_frame(parseInt(this.value));"></input> |
157 | | - <br> |
| 151 | +<divstyle="display: inline-block; text-align:center"> |
| 152 | + <img> |
| 153 | +<input type="range" |
| 154 | +style="width:350px; margin-left: auto; margin-right: auto" |
| 155 | + name="points" min="0" max="1" step="1" value="0" |
| 156 | + onchange="anim{id}.set_frame(parseInt(this.value));"></input> |
| 157 | +<div> |
158 | 158 | <button onclick="anim{id}.slower()"><i class="fa fa-minus"></i></button> |
159 | 159 | <button onclick="anim{id}.first_frame()"><i class="fa fa-fast-backward"> |
160 | 160 | </i></button> |
|
171 | 171 | <button onclick="anim{id}.last_frame()"><i class="fa fa-fast-forward"> |
172 | 172 | </i></button> |
173 | 173 | <button onclick="anim{id}.faster()"><i class="fa fa-plus"></i></button> |
| 174 | + </div> |
174 | 175 | <form action="#n" name="_anim_loop_select{id}" class="anim_control"> |
175 | | - <input type="radio" name="state" |
176 | | - value="once" {once_checked}> Once </input> |
177 | | - <input type="radio" name="state" |
178 | | - value="loop" {loop_checked}> Loop </input> |
179 | | - <input type="radio" name="state" |
180 | | - value="reflect" {reflect_checked}> Reflect </input> |
| 176 | + <input type="radio" name="state" value="once" id="_anim_radio1_{id}" |
| 177 | + {once_checked} style="margin: 0; vertical-align: middle"> |
| 178 | + <label for="_anim_radio1_{id}" style="margin-right: 8px">Once</label> |
| 179 | + <input type="radio" name="state" value="loop" id="_anim_radio2_{id}" |
| 180 | + {loop_checked} style="margin: 0; vertical-align: middle"> |
| 181 | + <label for="_anim_radio2_{id}" style="margin-right: 8px">Loop</label> |
| 182 | + <input type="radio" name="state" value="reflect" id="_anim_radio1_{id}" |
| 183 | + {reflect_checked} style="margin: 0; vertical-align: middle"> |
| 184 | + <label for="_anim_radio3_{id}" style="margin-right: 8px">Reflect</label> |
181 | 185 | </form> |
182 | 186 | </div> |
183 | 187 |
|
|