Opening image by clicking HTML + PHP + JS

I'm looking for the images in the database and is listing everything correct, fixed size and etc ... I wanted when I clicked on it open it larger, on the same page, as a modal and with the bigger photo ...

<?php
include('config.php');
$result = mysql_query("SELECT * FROM photos");
while($row = mysql_fetch_array($result))
{
echo '<div id="imagelist">';
echo '<p><img src="'.$row['location'].'></p>';
echo '<p id="caption">'.$row['caption'].' </p>';
echo '</div>';
}   
?>

<?php
include('config.php');
$result = mysql_query("SELECT * FROM photos");
while($row = mysql_fetch_array($result))
{
echo '<div id="imagelist" onClick="openimg()">';
echo '<p><img src="'.$row['location'].'"></p>';
echo '<p id="caption">'.$row['caption'].' </p>';
echo '</div>';
}   
?>

<script type="text/javascript">
    function openimg() {
    $('#blankImage').show();
    return false;
    }
 </script>