raindew,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.photo:nth-child(1) li:nth-child(1) {background: url("http://i.playground.ru/i/73/56/40/00/pix/image.jpg") no-repeat; background-size: cover;}
.photo:nth-child(2) li:nth-child(1) {background: url("../img/caked.jpg") no-repeat;}
.photo:nth-child(3) li:nth-child(1) {background: url("../img/cakef.jpg") no-repeat;}
.photo li {
display: inline-block;
border: 1px solid black;
width: 270px;
height: 200px;
opacity: 0;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.waitforimages/1.5.0/jquery.waitforimages.min.js"></script>
<script>
$(function() {
$('.photo li').waitForImages({
waitForAll: true,
each: function(loaded, count, success) {
success ? $(this).fadeTo(500, 1) : $(this).remove()
}
});
});
</script>
</head>
<body>
<ul class="photo">
<li></li>
</ul>
<ul class="photo">
<li></li>
</ul>
<ul class="photo">
<li></li>
</ul>
</body>
</html>