Javascript 在Lightbox中动态更改查看的图像

我有一个缩略图库，当你点击它们时会显示更大的版本。我希望单击时，较大的图像显示在lightbox中。页面加载时，显示的初始图像工作正常。但是，当我单击其中一个缩略图时，它显示为一个较大的图像，lightbox仅显示原始图像。我是否缺少一些代码，或者这是lightbox的一个可能限制

Javascript代码片段

imagearray = new Array('CapitalHealth_01alt_WEB-2225.jpg','CapitalHealth_16_WEB-1311.jpg','CapitalHealth_18retouched_WEB-6133.jpg','CapitalHealth_09_retouched_WEB-6020.jpg','CapitalHealth_13_WEB-8373.jpg');
currentimage = 0;
totalimages= imagearray.length;
        $(".navigation").click(function() {
                            if ( $(this).attr('id') == 'previous-image' ) {
                                currentimage = (currentimage > 0) ? currentimage - 1 : totalimages - 1;
                            } else {
                                currentimage = (currentimage < (totalimages - 1)) ? currentimage + 1 : 0;
                            }

                            $("img#bigImg").attr('src',"/uploads/portfolio/fullsize/" + imagearray[currentimage]);
                            $("a#bigImgLink").attr('href',"/uploads/portfolio/fullsize/" + imagearray[currentimage]);
    });

这永远不会被称为$.navigation.clickfunction{您可以通过添加一个手表来使用firebug调试它。只是在您不知道的情况下建议这样做

将此更改为正确的选择器，它将工作。类似于$.缩略图.clickfunction{

另外，最好只使用旋转木马脚本

---

这一个很好

当您单击缩略图时，href看起来没有被更新。尝试只使用$bigImgLinkwait，什么是currentimage？确保该值正在更改。我的钱在currentimage上没有正确更新。我用更多脚本更新了代码源。currentimage更新得很好，因为大型图像占位符正在按计划工作。$.navigation.clickfunction{正在工作实际上我只是在测试缩略图，但我没有将超链接更改添加到另一个文件中的$.thumbnail.clickfunction{。感谢您的关注！

imagearray = new Array('CapitalHealth_01alt_WEB-2225.jpg','CapitalHealth_16_WEB-1311.jpg','CapitalHealth_18retouched_WEB-6133.jpg','CapitalHealth_09_retouched_WEB-6020.jpg','CapitalHealth_13_WEB-8373.jpg');
currentimage = 0;
totalimages= imagearray.length;
        $(".navigation").click(function() {
                            if ( $(this).attr('id') == 'previous-image' ) {
                                currentimage = (currentimage > 0) ? currentimage - 1 : totalimages - 1;
                            } else {
                                currentimage = (currentimage < (totalimages - 1)) ? currentimage + 1 : 0;
                            }

                            $("img#bigImg").attr('src',"/uploads/portfolio/fullsize/" + imagearray[currentimage]);
                            $("a#bigImgLink").attr('href',"/uploads/portfolio/fullsize/" + imagearray[currentimage]);
    });