Back to Top
The nuts and bolts for
Creative web development

PHP/ CSS Image Gallery part 3

“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.”

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! 

Allan Kent

Allan KentAllan comes from Cape Town, South Africa. He has been implicated in writing for several WROX, glasshaus, Wiley and Apress publications, generally in the 'cool stuff that PHP can do' sections.

You can catch up with him at his website http://www.mediafrenzy.co.za.

See All Postings From Allan Kent >>

Share this Article