No muestra imagenes en un listado de 3 columnas

[webAp]

Tengo el siguiente script, con el cual estoy listando fotos en tres columnas, me surge el siguiente inconveniente...
estoy generando una consulta a la tabla de fotos por producto. donde cada foto tiene su respectivo idcategoria, idsubcategoria , que es la del menu para buscar los productos. entonces me esta trayendo bien, pero quiero que me TRAIGA LA PRIMER FOTO DEL PRODUCTO. y no 3 o 4 por producto que tengo guardadas en esta tabla que es lo que me esta haciendo.

Código PHP:

<?php
 
 
if(isset($_GET["categoria"]))
{
$cat = $_GET["categoria"];
$scat = $_GET["subcategoria"];
 
$numcolumnas = 3;  
 
$sql = mysql_query("SELECT * FROM fotoxproducto where (idcategoria='$scat' AND idsubcategoria='$cat') OR idcategoria='$cat' ")or die(mysql_error());
$total_resultados = mysql_num_rows($sql); 
 
  if ($total_resultados>0) {  
  echo "<tr><td colspan=\"$numcolumnas\"></td></tr>";  
   $i = 1;        
      
    while($col = mysql_fetch_array($sql)){
    $resto = ($i % $numcolumnas);  
                if($resto == 1){ 
 
              echo "<tr>";  
              }  
            echo '<td><img src="img_/thumb/'. $col['ruta_foto']. '"   border="1"/></td>';
  if($resto == 0){ 
  echo "</tr>";  
  }    
        
             $i++;  
              }     
                
 if($resto != 0){
  for ($j = 0; $j < ($numcolumnas - $resto); $j++){  
  echo "<td></td>";  
  }  
  echo "</tr>";  
  }   
 
 
    }   
    
    
}else{
    echo "no se encontraron elementos";
}
mysql_close(); ?>