Here’s the code as I use it, this time the names of the icons are under the images and a red box is placed around the icons to visually tie them together, the complete code as I use on my site:
<a id=”function” href=”images/custom/zeus-pas_LRG.jpg”><img src=”images/custom/zeus-pas_MED.jpg” alt=”" /></a></code>
Hover to magnify or click above image to see a larger version. To change image click one of icons below:
<table style=”border: 1px solid red;”>
<tbody>
<tr>
<td><a rel=”zoom-id:function” rev=”images/custom/zeus-pas_MED.jpg” href=”images/custom/zeus-pas_LRG.jpg”><img src=”images/cmzp_zeus.jpg” alt=”" /></a></td>
<td><a rel=”zoom-id:function” rev=”images/custom/zeus-pri_MED.jpg” href=”images/custom/zeus-pri_LRG.jpg”><img src=”images/custom/zeus-pri.jpg” alt=”" /></a></td>
<td><a rel=”zoom-id:function” rev=”images/custom/zeus-ent_MED.jpg” href=”images/custom/zeus-ent_LRG.jpg”><img src=”images/custom/zeus-ent.jpg” alt=”" /></a></td>
<td><a rel=”zoom-id:function” rev=”images/custom/zeus-com_MED.jpg” href=”images/custom/zeus-com_LRG.jpg”><img src=”images/custom/zeus-com.jpg” alt=”" /></a></td>
<td><a rel=”zoom-id:function” rev=”images/custom/zeus-dum_MED.jpg” href=”images/custom/zeus-dum_LRG.jpg”><img src=”images/custom/zeus-dum.jpg” alt=”" /></a></td>
<td><a rel=”zoom-id:function” rev=”images/custom/zeus-pri-inside_MED.jpg” href=”images/custom/zeus-pri-inside_LRG.jpg”><img src=”images/custom/zeus-pri-inside.jpg” alt=”" /></a></td>
</tr>
<tr>
<td>Passage</td>
<td>Privacy</td>
<td>Entrance</td>
<td>Combination</td>
<td>Dummy</td>
<td>Inside</td>
</tr>
</tbody>
</table>
Please note that the “Inside” image shows what the locking mechanism on the inside of the privacy, entrance and combination functions looks like. The inside of the passage set is the same as the dummy lever.
You can check out the live action of the code above by visiting this link:
Please do not place any test orders etc. since this is my live site.
To find out more about MagicZoomPlus for Zen-Cart see this link.
Join the forum discussion on this post
No related posts.
Related posts brought to you by Yet Another Related Posts Plugin.
{ 1 comment… read it below or add one }
by the way if you know how to put the icons side by side in the red box using CSS instead of a table then please let me know ho to do that, I tried it and could’t get a proper line-up of the icons happening.