如何使用jQuery和javascript在幻灯片下创建移动图像的幻灯片？

Question

我正在尝试制作缩略图的幻灯片以使用我网站上的幻灯片。每次幻灯片中的图像发生变化时，它们都会向左移动;最左边的一个缩小到0px的宽度;从右边出现一个新的。然而，目前，图像将向左移动，但它们不会循环，它们只是继续离开页面。一个新的确出现在该行的末尾。我目前的代码是

    function slideImage() {
        var $pic1 = $('#pic1');
        var $pic8 = $('#pic8');

        if (i <= numImages - 8) {
            name8 = name1 + getString(i + 7) + name2;
        }
        else if (i <= numImages) {
            name8 = name1 + getString((i - numImages) + 7) + name2;
        }
        else {
            i = 1;
            name8 = name1 + getString(i + 8) + name2;
        }

        $pic1.animate({ width: "0px", padding: "0px" }, 1000, function () {
            $pic1.attr("id", "pic8")
                .attr("src", name8);
        });
        $pic8.animate({ width: "75px", padding: "5px"}, 1000, function () {
            $("#pic2").attr("id", "pic1");
            $("#pic3").attr("id", "pic2");
            $("#pic4").attr("id", "pic3");
            $("#pic5").attr("id", "pic4");
            $("#pic6").attr("id", "pic5");
            $("#pic7").attr("id", "pic6");
            $pic8.attr("id", "pic7");
        });
        $(".im").not("#pic8").animate({ left: "-=85px" }, 1000);
    }

每次调用实际幻灯片中更改图像的函数时，我都会调用此函数。我有一个ID为pic1到pic8的图像列表，所有这些图像都位于div中。图像的来源是.. \ photos \ pic_.jpg，_被替换为从1到文件夹中图像数量的三位数字。我是javascript和jquery的新手，所以任何帮助都将不胜感激！谢谢！