Jquery 加载iframe时放大弹出加载图标

我正在使用加载外部iFrame，有时加载需要一些时间，在等待时，它会显示空白屏幕

有没有一种方法，我可以在等待装货时展示

---

以下内容对我来说很好

//JS

$(document).ready(function(){
   $('.popiframe').magnificPopup({
       type:'iframe',
       iframe: {
            markup: '<div class="mfp-iframe-scaler your-special-css-class">'+
                        '<div class="mfp-close"></div>'+
                        '<iframe class="mfp-iframe" frameborder="0" allowfullscreen>            </iframe>'+
                    '</div>'
       }

    }); 
});

.mfp-iframe-scaler iframe {
    background: url('/images/v2/loading.gif') no-repeat scroll center center #000000 !important;
}