Skal bruge et loop til min kode

Hey folkens. Jeg skal have bygget et loop på nedenstående kode så den viser 3 billeder og derefter laver et break til ny linie. Nogle der kan hjælpe mig med det? :)



<style type="text/css">
<!--
body {
    background-color: #404040;
}
.img-border {
    border: 1px solid #FFFFFF;
    padding: 3px;
    margin: 3px;
}
-->
</style><img src="tn/tn_000_0133.jpg" width="435" height="260" border="2" id="largepic" class="img-border">
<div>
<?php

// the directory, where your images are stored
$imgdir = 'images/';

// list of file extensions you want to show
$allowed_types = array('png','jpg','jpeg','gif');

$dimg = opendir($imgdir);
while($imgfile = readdir($dimg))
{
    if(in_array(strtolower(end(explode('.',$imgfile))),$allowed_types))
    {
        $a_img[] = $imgfile;
    }
}

// sort image array
if(is_array($a_img)) sort($a_img);

// total image number
$totimg = count($a_img);

for($x = 0; $x < $totimg; $x++)
{
    $size = getimagesize($imgdir.'/'.$a_img[$x]);

    // do whatever
    $halfwidth = ceil($size[0]/2);
    $halfheight = ceil($size[1]/2);
    echo "<a href=\"images/" .$a_img[$x]. "\" target=\"_blank\"><img src=\"tn/tn_" .$a_img[$x]. "\" width=\"140\" height=\"105\" border=\"1\" class=\"img-border\" onmouseover=\"document.getElementById('largepic').setAttribute('src','tn/tn_".$a_img[$x]."')\"></a>";
   
//    echo '<a href="images/'.$a_img[$x].'">Billede:... '.$a_img[$x].'</a><br />';


// Kommenteret ud  - Bredte: '.$size[0].' Højde: '.$size[1].'
}
?>
</div>