The output from the [-- MoreInfoImageRow --] tag is generated in code so it can't be modified. Here is a sample of the output for the moreinfo image and 4 extra moreinfo images.
- Code: Select all
<table class="more-information-page" itemscope itemtype="http://schema.org/Product"><tr>
<td class="product-graphic"><div class="prod_img" style="overflow: auto; width: 450px; height: 200px;"><img src="http://mydomain.com/media/barberry-bookmatch.jpg" alt="barberry-bookmatch.jpg" name="prod_img" >
</div>
<div class="row_img"><table class="small_img"><tr><td class="small_img"><a href="http:#" onmouseover="document.prod_img.src='http://mydomain.com/media/barberry-bookmatch.jpg';" onClick="window.open('http://mydomain.com/media/barberry-bookmatch.jpg', 'image_window', 'width=600px,height=600px,resizable=yes,scrollbars=yes'); return false;">
<img src="http://mydomain.com/media/ss_size2/barberry-bookmatch.jpg" alt="barberry-bookmatch.jpg" border=0> </a>
</td>
<td class="small_img"><a href="http:#" onmouseover="document.prod_img.src='http://mydomain.com/media/apricot.jpg';" onClick="window.open('http://mydomain.com/media/apricot.jpg', 'image_window', 'width=600px,height=600px,resizable=yes,scrollbars=yes'); return false;">
<img src="http://mydomain.com/media/ss_size2/apricot.jpg" alt="apricot.jpg" border=0> </a>
</td>
<td class="small_img"><a href="http:#" onmouseover="document.prod_img.src='http://mydomain.com/media/barberry-bookmatch.jpg';" onClick="window.open('http://mydomain.com/media/barberry-bookmatch.jpg', 'image_window', 'width=600px,height=600px,resizable=yes,scrollbars=yes'); return false;">
<img src="http://mydomain.com/media/ss_size2/barberry-bookmatch.jpg" alt="barberry-bookmatch.jpg" border=0> </a>
</td>
<td class="small_img"><a href="http:#" onmouseover="document.prod_img.src='http://mydomain.com/media/3buttons.png';" onClick="window.open('http://mydomain.com/media/3buttons.png', 'image_window', 'width=600px,height=600px,resizable=yes,scrollbars=yes'); return false;">
<img src="http://mydomain.com/media/ss_size2/3buttons.png" alt="3buttons.png" border=0> </a>
</td></tr></table>
So the display is done by the onmouseover and onclick functions. I'm not a script guru so I don't know if you could somehow over ride those functions so that it would do what you want or not.
The other option would be to create your own code to do the display and use the [-- Product.MoreInfoImageN --] - where N is 1 to 20 tag and create the code for a set number of images (1 to 20) that your products will have. It would take a fair amount of coding to handle all 20 possible images but if you know you will only have a few it shouldn't be too complicated.