In last week's article, " Thumbnailing a Portion of an Image ", we took a look at how we could alter our image gallery to provide an interactive way of creating a thumbnail from our uploaded image. In this week's tutorial we will do two things: first we will alter our gallery admin page so that we can see at a glance whether an uploaded image has a thumbnail or not and provide a link from the admin page to create or recreate thumbnails, and then we will revisit the main gallery page again and alter it to display the thumbnails of the images with click-throughs to the larger images that the thumbnail represents.

It helps if you've read the previous article in this series, and hoping that you have read "PHP/ CSS Searchable Image Gallery" as well - but it's not compulsory, as all the code is provided.

 

Please note that this article forms part of a chapter in the DMXzone e-book PHP Web Applications for Dreamweaver: Juicy Solutions for the Busy Developer.

Note: Check also the DMXzone own CSS Image Gallery extension for amazing pure CSS galleries and slideshows with a fluent navigation and image transitions!