Not sure where to ask for this, but I need help with my logic concerning a dynamic gallery viewer.
On my homepage, I have a container that shows one post and will include the post title, text, and two of my three custom fields: a main image and a meta data field.
I then have an area below the container that will show four thumbnail images. The thumbnail image is the third custom field for my posts.
I know how to create the loop to populate the main container with the first post, but I need to have the thumbnails dynamically control which post appears in the container when they are clicked on.
Now, I have a pretty good understanding of jQuery from a design perspective so I don't need any help in this department, but here's a few questions of mine:
- Since I want to display four posts, should I just have the loop load those four, display the first one and "hide" the other three with CSS and jQuery?
- If I do load all four posts, is there a way I can store the thumbnail custom field in an array and simply recall it outside the original loop into my thumbnails, or should I just simply run another loop to get the thumbnail custom fields?
- This maybe a dumb question, but am I correct to place my main images in my posts as custom fields? I don't want the images to be apart of the "text" portion of the posts in case I need to re-purpose them. What do photobloggers generally do?