加载iframe时加载popific-popup图标

Question

我使用magnific-popup加载外部iFrame，有时需要一些时间加载，等待时会显示空白屏幕。

有没有办法，我可以在等待加载时显示COG type of icon。

Reference

Magnific-popup examples

Answer 1

以下对我来说很好。

// 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>'
       }

    }); 
});

// CSS

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