是否可以检查何时显示图像数据属性？

Question

我不想知道那个数据属性是否存在，我需要知道它何时显示。我有一个gif加载器，我想在加载和显示数据属性后隐藏它。

function imageLoader(){
    var gifLoader = document.getElementById("image-loader");
    var show = function(){
        gifLoader.style.display = "block";
        setTimeout(hide, 1000);
    }
    var hide = function(){
        gifLoader.style.display = "none";
    }
    show();
}

这是我当前的工作代码，但我不想使用超时。我只想在数据属性显示到屏幕时隐藏它。

这是我的数据attr

<img class="imageresource" src="<%= images.main %>" data-img-zoom="<%= images.full %>" alt="<%- post_title %>">

<div id="image-loader"></div>
<canvas id="mycanvas" class="imagepreview" src=""></canvas>

我的画布代码

        function drawImage(image) {
        var mycanvas = document.getElementById('mycanvas');
        imgTouchObj = new ImgTouchCanvas({
            canvas: mycanvas,
            path: image.data('imgZoom')
        });
    }