多个多图像查看器

Question

新手问题。我在网上找到了一个javascript，可以满足我的需求，但只有一定程度。这个想法是一个主要形象

<div id="photo_1">

显示三个缩略图

<li><a href="javascript:void(0)" onclick="switch_product_img('photo_1', 3);"><img src="images/_shop2/88/527001_front_t.jpg" alt="" /></a></li>

旁边。单击缩略图，主图像将更改为该相关图像。如果我只使用一个主图像，但只要我在页面上的另一个地方添加另一个迭代（即不同的主图像和伴随的拇指），这一切都可以正常工作，当我点击缩略图时，它会改变第一个主图像而不是第二

我需要的是一种在javascript中为查看器的每次迭代添加变量的方法。也许是分数？

        <script language="javascript" type="text/javascript">
    function switch_product_img(divName, totalImgs) {
        for (var i=1; i<=totalImgs; i++) {
            var showDivName = 'photo_' + i;
            var showObj = document.getElementById(showDivName);
            if (showDivName == divName)
                showObj.style.display = 'block';
            else
                showObj.style.display = 'none';
            }
        }
    </script>

我的第一篇文章：请原谅错误： - ）