hides model until preload image has loaded

static/css/3d-tester.css

@@ -2,7 +2,8 @@
 
 .model-wrap {
   padding: 1em;
-  background-color: lightgray;
+  display: none;
+  /*background-color: lightgray;*/
 }
 
 #object {

views/google.tpl

@@ -1,5 +1,7 @@
 % rebase('base.tpl')
 
+<script src="/static/jquery-3.6.0.min.js"></script>
+
 <style>
 model-viewer {
   width: 500px;
@@ -44,9 +46,6 @@ model-viewer {
 </style>
 %end
 
-
-
-
 <h3>
   <i class="fa fa-folder-o" aria-hidden="true"></i>
   <a href="/list/{{ current_dir.rstrip('/') }}">objects/{{current_dir}}</a>
@@ -79,5 +78,10 @@ model-viewer {
   </div>
 </div>
 
-
 <script type="module" src="/static/vendor/google/model-viewer.js"></script>
+
+<script>
+jQuery(function($) {
+  $(".model-wrap").show();
+});
+</script>