Записи

<table width="500" height="500" align="center" class="colorborder">
 <tr>
 <td width="500" height="500" class="colorborder">
 <div id="stl_contv3D5" style="width:500px;height:500px;margin:0 auto;"></div>
 </td>
 </tr>
 <tr><td align="center">
 <input id="v3D5checkA" type="checkbox" />вариант B
</td></tr> 
</table>

 <script>
function load_progv3D5()
{
stl_viewerv3D5.set_scale(0, 0.2);
stl_viewerv3D5.set_scale(1, 0.2);
stl_viewerv3D5.set_scale(2, 0.2);
stl_viewerv3D5.set_color(0, "#00C617");
stl_viewerv3D5.set_color(1, "#FF8F00");
stl_viewerv3D5.set_color(2, "#00C617");
stl_viewerv3D5.set_position(0, -20.0, 0.0, 0.0);
stl_viewerv3D5.set_position(1, 0.0, 0.0, 0.0);
stl_viewerv3D5.set_position(2, 20.0, 0.0, 0.0);
//
var v3D5timer = setInterval(fSortAnimv3D5, 30);
var v3D5timertag = 0.01;
var v3D5timerrotate = 1;
var v3D5flaggo = 1;
function fSortAnimv3D5() {
 v3D5timertag = v3D5timertag + (v3D5timerrotate * 0.01);
 if (v3D5timertag > 0.99) { v3D5timerrotate = -1; }
 if (v3D5timertag < 0.01) { v3D5timerrotate = 1; v3D5flaggo = v3D5flaggo * -1; }
 //
if (document.getElementById('v3D5checkA').checked === false) 
 {
 if (v3D5flaggo < 0) {
 stl_viewerv3D5.set_position(0, -15.0 - Math.sqrt(v3D5timertag) * 30.0, 0.0, 0.0);
 } else {
 stl_viewerv3D5.set_position(2, 15.0 + Math.sqrt(v3D5timertag) * 30.0, 0.0, 0.0);
 }
 } else {
 stl_viewerv3D5.set_position(0, -15.0 - Math.sqrt(v3D5timertag) * 30.0, 0.0, 0.0);
 stl_viewerv3D5.set_position(2, 15.0 + Math.sqrt(v3D5timertag) * 30.0, 0.0, 0.0);
 }
}
} 
 </script>

 <script src="/public/htmlzvezda/stl_viewer.min.js"></script> 
 <script>
 var v3D5fileshar = "/public/htmlzvezda/shar.stl";
 var stl_viewerv3D5=new StlViewer
 (
 document.getElementById("stl_contv3D5"),
 {
 all_loaded_callback:load_progv3D5,
 models:
 [
 {id:0, filename: v3D5fileshar },
 {id:1, filename: v3D5fileshar },
 {id:2, filename: v3D5fileshar }
 ]
 }
 );
 </script>