1

我正在尝试制作缩略图幻灯片，以配合我网站上的幻灯片。每次幻灯片中的图像更改时，它们都应该向左移动；最左边的缩小到 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真的很陌生，所以任何帮助都将不胜感激！谢谢！

4

0 回答 0