Jack control panel LIN Auxiliary 1 / 4 2 / 4 3 / 4 4 / 4 &#10094; &#10095; 3DMODEL ✥ .loader { position: relative; z-index: 100; border: 16px solid #f3f3f3; /* Light grey */ border-top: 16px solid #3498db; /* Blue */ border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; overflow: show; margin-top:-290px; margin-left:120px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } <script type='module'> import * as THREE from 'three'; import { OrbitControls } from '/621inc/3dmodels/jsm/controls/OrbitControls.js'; import { ThreeMFLoader } from '/621inc/3dmodels/jsm/loaders/3MFLoader.js'; import { MTLLoader } from '/621inc/3dmodels/jsm/loaders/MTLLoader.js'; import { OBJLoader } from '/621inc/3dmodels/jsm/loaders/OBJLoader.js'; if (!Detector.webgl) { Detector.addGetWebGLMessage(); } var container, stats; var i,x,y, mouseX = 0, mouseY = 0; var camera, cameraTarget, controls, scene, renderer, mouse; var lighting, ambient, keyLight, fillLight, backLight; var raycaster; var isMouseDown = false, onMouseDownPosition, radious = 10, theta = 45, onMouseDownTheta = 45, phi = 60, onMouseDownPhi = 60, isShiftDown = false; var windowHalfX = window.innerWidth / 2; var windowHalfY = window.innerHeight / 2; var objects = []; init(); animate(); function init() { //console.log('Getting path:'AECU-CPJM-131' '507aecu-cpjm-131' '); //container = document.getElementsByClassName('itemImageBlock'); container = document.createElement('div'); var elem = document.getElementById('3dwindow'); var elemSize = elem.getBoundingClientRect(); var tabSize = document.getElementsByClassName('TabbedPanelsContentVisible')[0].getBoundingClientRect(); elem.appendChild(container); var loader = document.createElement('div'); loader.innerHTML = ''; var elems = document.getElementsByClassName('itemImageBlock'); for (var i = 0; i
