I’m not really sure how to do much control over them, but you can see what I did here: http://www.minervapromotions.com/gladrag/i-heart-la-design-by-john-doe.html/
Is that what you’re looking to do? It’s possible to use the images for the thumbnails too, my client just preferred # tabs. Let me know and I will try to post a small tutorial here for what I did.
Actually, I was able to hack at it and get what I need - although the overhead might prove to be a little too high.
My client is [going to be] selling jewelry - and a lot of their pieces will be primarily the same, only with different accent colors. I wanted to have a close-up thumbnail of each available accent color, which when clicked will load a full size image of the product in the main product div. That div can then be zoomed with MagicZoom.
Everything currently works as intended, and you can check out my progress here: [xxxxx] UPDATED - SOLVED! See http://www.inarohajewelry.com for working example with MagicZoom.
Here’s what I had to do to get it to work - in the image gallery upload, I have 3 versions of each color variant:
A -small close-up thumbnail
B - Medium sized preview image
C - Large sized zoom-able image.
In order for this to work now, I had to pre-loop thru the gallery, and save each of the image urls ($_image->url) to an associative array, keyed from the thumbnail’s image ID ($_image->id)
This is mainly because when using the standard foreach loop that the gallery uses, I wasn’t able to get the next image url for the thumbnail to click to ["A" links to “B”, “B” zooms to C], which is why I was curious about the GetNextImage() function.
This would result in an array like this:
$imgLoop[thumbnail] = "http:www.example.com/product/101/0...A1_thumbnail.jpg"
$imgLoop[small] = "http:www.example.com/product/101/0...A1_small.jpg"
$imgLoop[full] = "http:www.example.com/product/101/0...A1_full.jpg"
etc - with all subsequent image IDs
Then I use the standard foreach loop in the gallery and refernce the images I need from their imageID:
<?php foreach ($this->getGalleryImages() as $_image):
<a href="<?php echo $imgLoop[$_image->id]['full'];?>" rel="zoom1" rev="<?php echo $imgLoop[$_image->id]['small']; ?>" title="<?php echo $this->htmlEscape($_product->getName()).' - '.$imgLoop[$_image->id]['label'];?>"><img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->directResize(68,68,4);?>"/></a>
<div class="label"><?php echo $imgLoop[$_image->id]['label'];?></div>
<?php endforeach; ?>
I should mention, that in order to get the first loop to grab all images (only the thumbs are viewable via the Product Image config - all others are “disabled"), I had to modify /app/code/core/Mage/catalog/Block/Product/Gallery.php - so that disabled items will not be skipped. I simply moved that functionality over to the display loop - which is the if (($_image->disabled)!=1): trap you see above.
Anyway - this is going to cause 2 loops - one for gathering the urls, and another for display - unless I can figure out how GetNextImage() works, or make my own.
Thanks for the input tho - and nice work on your projects - all of ‘em...!