var x = 0;
$(function() {
    $('iframe:eq(0)').load(function() {
        x = x + 1;
        result(x);
    });
    $('iframe:eq(1)').load(function() {
        x = x + 1;
        result(x);
    });
    $('iframe:eq(2)').load(function() {
        x = x + 1;
        result(x);
    });
    $('iframe:eq(3)').load(function() {
        x = x + 1;
        result(x);
    });

});

function result(x) {
    if (x === null || typeof(x) === "undefined") x = 0;
    $("#top").html("<div>Loaded iframe count: " + x + "</div><hr/>");
    $("#bottom").html("<hr/><div>Loaded iframe count: " + x + "</div>");
}

Setting Validate Copy Format

iframe{
  margin:5px;
}

Setting Validate Copy Format

<div id="top">
</div>
<iframe  src="http://jquery.com/">
</iframe>
<iframe  src="http://jquery.com/">
</iframe>
<iframe  src="http://jquery.com/">
</iframe>
<iframe  src="http://jquery.com/">
</iframe>
<iframe  src="http://jquery.com/">
</iframe>
<div id="bottom">
</div>

Copy Format

Download