значок загрузки при загрузке iframe

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; 
}