#3 Different Image display on clicking thumbnail

[Ap Muthu]

If we wish to display a different image than the one that is clicked (or manual thumbnail)in the ZClickZoomImg function, it is not currently possible directly.

A workaround is done by using the CSS style property 'display' (since it does not take up space as opposed to the 'visibility' property) by prepending the target image before the clicked image as below:-

Product<br>
<a href="javascript: void(0);" style="border: 0px none ;" onclick="ZClickZoomImg(this);">
<img src="Z-pictures/rt01b.jpg" style="display: none;" width="0" height="0">
<img src="Z-pictures/rt01s.jpg" alt="Product">
</a>

Here rt01s.jpg is the clickable thumbnail and rt01b.jpg is the larger (or another) image that gets displayed when the former is clicked.

HTH