Скрыть кнопки социальных медиа, пока все не будут загружены

Question

Наш сайт имеет 4 кнопки социальных медиа:

1. Facebook
2. твиттер
3. LinkedIn
4. G + 1

Они загружают асинхронно и рендеринг в разное время после загрузки страницы. Сначала я хочу скрыть свой контейнер, а затем показать их в то же время после того, как все 4 загружены.

Есть ли способ проверить, загружены ли все 4, либо на код нашего сайта, либо с помощью api для twitter, google и т. Д.?

facebook и ссылки в виде изображений, однако твиттер и google-изображения отображаются в iframe с тегом метки для twitter или svg для google.

Answer 1

См https://stackoverflow.com/a/19355923/6599592

Для ГИМ: (версия JQuery)

$('img').parent().css('display', 'none'); // Hide container 

var i = 0; 

$('img').each(function(){ 
    $(this).load(function(){ 
     i++; 

     if(i == $(this).parent().children().length) { 
      $(this).parent().css('display', 'block'); 
     } 
    } 
});