Using tabs for a photo gallery

I am trying to use tabs as an image gallery for the design I have laid out. For some reason when I view the design in the preview mode and I click on the Tab Link thumbnail the image does not change to it’s respective larger image in the Tabs content (even though the Tabs content shows the same image name in the Tabs Content as the Tab Link). Did I construct this wrong? Should I place an image as a (thumbnail) tab component then drag the same image into the content pane so when I click on the image thumbnail the larger version of the thumbnail image appears? How would I do this and have the images on top of one another?

And I am also curious how do I get the thumbnail images to appear spreadout equidistant across the top of the main image?