Javascript 多图像查看器

新手问题。我在网上找到了一个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>

功能开关\u产品\u img（divName，totalImgs）{
对于（var i=1；i