galiog,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script>
$(function() {
var a = $(".white");
(function c() {
a = a.filter(":not(.air)");
var b = a.length;
b && (b = Math.random() * b | 0, a.eq(b).addClass("air"), window.setTimeout(c, 1000))
})()
});</script>
<style>
.white.air {
background-color: transparent;
}
.block, .block img{
position:absolute;
width:423px;
height: 423px;
}
.white{
background-color:black;
width:141px;
height: 141px;
float:left;
position: relative;
}
.wrapper{
width:423px;
height: 423px;
}
</style>
</head>
<body>
<div class="block"><img src="http://profismart.org/album/02/852_Manowar_5.jpg"></div>
<div class="wrapper">
<div class="white" id="1"></div>
<div class="white" id="2"></div>
<div class="white" id="3"></div>
<div class="white" id="4"></div>
<div class="white" id="5"></div>
<div class="white" id="6"></div>
<div class="white" id="7"></div>
<div class="white" id="8"></div>
<div class="white" id="9"></div>
</div>
</body>
</html>