0
99
ViewsAgregar cargador hasta que la imagen stl cargue PHP
Estoy usando Stl Viewer Javascript Plugin para mostrar imágenes en 3D en mi sitio web. El tamaño de la imagen STL es de alrededor de 50 MB. Por lo tanto, está tomando mucho tiempo para cargar. Entonces, ¿es factible agregar la imagen del cargador hasta que se cargue la imagen stl?
Estoy usando este complemento, https://www.viewstl.com/plugin/
Por favor, compruebe mi código a continuación,
<body style="margin:0px;"> <div id="stl_cont" style="width:600px;height:600px;margin:0; background:#ebebeb; overflow: hidden;"></div> <script src="stl_viewer.min.js"></script> <script> var stl_viewer=new StlViewer ( document.getElementById("stl_cont"), { models: [ {filename:"/test/Sienna.stl"} ] } ); </script> </body> Verifique la captura de pantalla del front-end, 
·
Juan Pablo Isaza
1 answers
Answer question0
Probé el código que pegué a continuación y funciona bien en mi máquina local, verifique y avíseme si también funciona para usted.
PD, reemplace la fuente del elemento de imagen con una URL de gif apropiada para que funcione
<body style="margin: 0px"> <div id="stl_cont" style=" width: 600px; height: 600px; margin: 0; background: #ebebeb; overflow: hidden; " > <div class="loading" style=" width: 600px; height: 600px; display: flex; align-items: center; justify-content: center; " > <img src="./assets/images/icons8-dots-loading.gif" alt="" /> </div> </div> <script src="stl_viewer.min.js"></script> <script> var stl_viewer = new StlViewer(document.getElementById("stl_cont"), { models: [ { filename: "/test/Sienna.stl" } ], all_loaded_callback: function () { document.querySelector(".loading").remove(); }, } ); </script> </body>
·
Juan Pablo Isaza
Report
Answer question