如何加载GIF直到显示图

Question

我希望加载我的gif直到加载图形然后隐藏它。因此，我尝试了以下命令，但它无法正常工作（GIF正在显示，但要遵循图形加载）.below是我的代码：

    <div id='chartwrapper'>
    <div class='chartcurtain' style='height: 427px; width: 100%; position: absolute; top: 0; text-align: center; line-height: 300px; font-size: 20px;'>

    </div>
    </div>

</div>
    </div>
     </div>

我在我的图中添加了它

"listeners": [{
            "event": "rendered",
            "method": function(e) {
              var img_load = document.getElementById("img-load");
              img_load.parentElement.removeChild(curtain);
            }
      }],

，但现在最初是GIF在那里，但是之后GIF消失了，直到下一个图才出现 来吧。

var img_load=$('#img-load');
      $(img_load).show();

和

"listeners": [{
            "event": "drawn",
            "method": function(e) {
              //var img_load = document.getElementById("img-load");
              var img_load=$('#img-load');
              $(img_load).hide();
            }
          }

制作了技巧，就像charm.hope一样，它可以帮助任何人。