Preload infinito ao puxar imagens do banco de dados

Quando vou chamar os dados do banco, chamo da seguinte forma

<?php
 $qnt = 7;

 $seleciona= mysql_query("select * from materias ORDER BY id DESC LIMIT $qnt");
 while($dados = mysql_fetch_array($seleciona)) {
 ?>
<article class="materias-blog scroll-in-animation" data-animation="fadeInLeft">
 <div class="img-blog">
 <img src="foto/<?php echo ($dados['foto']) ?>">
 </div>
 <div class="chamada-blog">
 <h1><?php echo ($dados['titulo']."<br />"); ?> </h1>
 <time datetime="<?php echo ($dados['data']."<br />"); ?>"><?php echo ($dados['data']."<br />"); ?></time>
 <p>
 <?php echo ($dados['resumo']."<br />"); ?>
 </p>
 <p><a href="materias.php?id=<? echo ($dados['id']);?>" class="button background-75-f heading-f border-heading-d">Ver mais</a></p>
 </div>
 <div class="clear"></div>
</article>
<?php
 }
 ?>

Mas, quando eu faço isso, o meu preloader fica infinito, a pagina mesmo carregada e ele continua e continua, mas se eu eu tiro o seguinte código

<img src="foto/<?php echo ($dados['foto']) ?>">

Funciona normalmente, porém eu preciso dessa foto para fazer o loop perfeito, alguém sabe o que pode estar causando isso?