I have an upload script which allows me to add data through a form to my MySQL database. The image name is saved to the database and the image is uploaded to a particular folder on my server. I then pull that information into my portfolio page and loop through all the "rows" in the database which creates my page full of thumbnails.
When a user clicks on any given thumbnail, a lightbox is shown which shows a larger image or embedded video, along with the title and description of the project. Everything works great.
$data = mysql_query("SELECT * FROM portfolio_pg") or die(mysql_error());
while($info = mysql_fetch_array( $data ))
<li data-tags="<?php echo $info['Filters']; ?>">
<div class="lightbox" id="<?php echo $info['pg_id']; ?>">
echo "<div class=\"vidHolder\"> ".$info['Project_Link']." </div>";
echo "<div class=\"picHolder\"><img src=\"images/portfolio/".$info['photo_2'] ."\" width=\"100%\" height=\"100%\"></div>";
<div class="projectHead"><?php echo $info['Page_Heading_1']; ?></div>
<div class="projectBod"><?php echo $info['Paragraph_1']; ?></div>
</div><!-- Close Lightbox Viewer -->
// close while loop
you can see it in action by going following HERE
Thanks for any help