Javascript 如何在引导模式中设置将背景图像动态绑定到div时加载gif

我有一个引导模式。我正在绑定div中的动态背景图像。这里是引导模式

<div id="ImageTagModal" class="modal fade" role="dialog">
   <div class="modal-dialog">
    <div id="jobImage" class="modal-content">
    </div>
  </div>
</div>

---

现在，我的图像大小将以MB为单位，所以当我加载引导模式时，将背景图像加载到div中会花费太多时间。因此，我想将加载gif设置为将背景图像加载到div中。当图像加载到div的背景中时，gif将停止。如何在引导模式下处理此场景？

如果我对映像的服务器响应时间没有问题，那么您可以等待服务器响应/ajax调用完成，显示另一个微调器/加载模式并禁用后台，然后在响应完成后，当DOM就绪时，您可以显示实际的模式

有关更多信息，请共享实际代码。

这里我找到了解决方案

function image(src)
    {
        $('#loader').show(); //This is my gif image

        $('<img/>').attr('src', src).load(function() {
            $('#jobImage').css("background-image", "url("+src+")");  
            $('#jobImage').css("background-size", "cover"); 
            $('#ImageTagModal').modal();  
            $('#loader').hide(); 
        }); 
    }

函数映像（src）
{
$（'#loader'）.show（）；//这是我的gif图像
$（'如果可能，创建演示。。
function image(src)
    {
        $('#loader').show(); //This is my gif image

        $('<img/>').attr('src', src).load(function() {
            $('#jobImage').css("background-image", "url("+src+")");  
            $('#jobImage').css("background-size", "cover"); 
            $('#ImageTagModal').modal();  
            $('#loader').hide(); 
        }); 
    }