I'm looking for the most effective way to develop a gallery website based on these requirements.
1. I have 1000 images 300x250px and 700x650.
2. I want to display 3 images per row and add a hover effect so that the large image is displayed when a user hover over the image.
3. I want to link each image to a URL and specify the under the image as well as a category.
4. Provide users with an ability to search for images based on categories.
Here's my current approach.
Create 2 separate folders, separate the images based on size and then by category.
Create a template consisting of 3 rows
Generate code automatically by inserting a URL and image location for each category and paste/replicate for each
Use a search plugin & add hover effect
Is there an easier way of getting this done? Is there a template where I can upload images with a csv to associate it with each image?
Looking for the quickest solution to build this. Preferably in 3 hours maximum.