从目录中提取图像并使其缩小

Here is my code:

<style type="text/css">
.smaller img{width:50px;}
</style>

<?php
include 'header.php'; 
   $files = glob("./photos/iphone5/*.*");
echo '<h2>iPhone 5 Images</h2>';
   for ($i=1; $i<count($files); $i++)
{
$image = $files[$i];
$info = pathinfo($image);
$file_name =  basename($image,'.'.$info['extension']);
echo '<a href="'.$image.'" target="_BALNK"><div class="smaller image"><img src="'.$image.'"</div></a>'."<br /><br />";
  }
   include 'footer.php'; 
 ?>

The problem is that sometimes it will load three images, sometimes it will load two, etc, also it loads them very slowly. What would you do different?

Basically what I want it to do is pull all images from a directory and then display them smaller, when the user clicks it then it takes them to the full image.

</div>