I want to create an image gallery like in the attached web site:
a) A main image appears and smaller thumbnail images appear next to it.
b) The user can click on the smaller thumbs and the image is then transferred to the larger image.
I've started to replicate this but would like some guidance. So far I’ve:
Created a mysql database which currently contains two tables - t_products and t_images.
The products table records the product details (eg product title, name), and the t_images table records the images details of the product (including the image file name (eg. product1.jpg)).
Each product can have multiple images (up to 5). I've created a column in the t_images table called img_main_ind which flags up which of the images is the main image for each product.
I've created a php file which is querying the tables and currently providing a list of the image file names.
Can you please give me some guidance around how i can now go about replicating points a, b, and c in my site? As you can probably tell i'm not a web designer so any advice is appreciated.