Tengo unas base de datos con una tabla llamada vehículos en la que guardo una imagen y otras columnas, he sacado las imágenes por pantalla y que al darlas click te salga un texto debajo, quiero que al dar click encima de una de ellas me saque la fila de esa imagen en el recuadro, con un while y un fetch_array he conseguido que saque por pantalla todas las imágenes de la tabla, después igualo en la consulta la imagen de la tabla con el row['imagen'] pero al dar click en cualquiera de ellas solo me sale la última fila de la tabla y me he quedado atascado aquí, alguien sabe como solucionarlo, gracias.
<body>
<figure>
<div class="container">
<div class="row mb-1 p-2">
<h2 style="text-align:center">Vehículos</h2>
</div>
<div class="row mb-1 p-2">
<a href="nuevovehiculo.php" class="btn btn-primary">Nuevo Vehículo</a>
</div>
<br>
<script languague="javascript">
function mostrar() {
div = document.getElementById('flotante');
div.style.display = '';
}
function cerrar() {
div = document.getElementById('flotante');
div.style.display = 'none';
}
</script>
<?php
require 'db.php';
$usuario=$_SESSION["username"];
$sql = "SELECT * FROM vehiculos where usuarios_username='$usuario'";
$resultado = mysqli_query($con, $sql);
?>
<?php while($row = $resultado->fetch_array(MYSQLI_ASSOC)) { extract($row);
?>
<p><a href="javascript:mostrar();"><img style="width:200px; height:150px" src="images/<?php echo $row['imagen'];$img=$row['imagen']; ?>"></a></p>
<?php } ?>
<article id="flotante" style="display:none;">
<article id="close"><a href="javascript:cerrar();">cerrar</a></article>
<div style="width: 100%" class="row table-responsive">
<table class="table table-condensed table-striped">
<thead>
<tr>
<th>Imágen</th>
<th>Número de bastidor</th>
<th>Marca</th>
<th>Modelo</th>
<th>Gasolina</th>
<th>Precio Combustible</th>
</tr>
</thead>
<tbody>
<?php
require 'db.php';
$usuario=$_SESSION["username"];
$sql = "SELECT * FROM vehiculos where usuarios_username='$usuario' and imagen='$img' ";
$resultado = mysqli_query($con, $sql);
?>
<?php while($row = $resultado->fetch_array(MYSQLI_ASSOC)) { extract($row);
?>
<tr>
<td><img src="images/<?php echo $row['imagen']; ?>" class="img-rounded" width="50px" height="50px"/></td>
<td><?php echo $row['num_bastidor']; ?></td>
<td><?php echo $row['marca']; ?></td>
<td><?php echo $row['modelo']; ?></td>
<td><?php echo $row['contr_homologacion']; ?></td>
<td><?php echo $row['procedencia']; ?></td>
<td><?php echo $row['gasolina']; ?></td>
<td><?php echo $row['precio_gas']; ?></td>
<td><?php echo $row['usuarios_username']; ?></td>
<td><a href="#" data-href="eliminarvehiculo.php?num_bastidor=<?php echo $row['num_bastidor']; ?>" data-toggle="modal" data-target="#confirm-delete"><span class="glyphicon glyphicon-trash"></span></a></td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</article>