javascript - JQuery Gallery 下一个按钮无法正常工作？

Question

我正在尝试使用 JQuery 创建一个基本图库。

基本思想是所有图像文件都称为 x.png(其中 x 是数字)，程序将一个数字添加到当前数字，创建 x+1.png 等等。

我的代码是:

function gal2(){
    var amount = $(".imagelist > img").length;
    var next = $("#display").attr('src').replace('.png', '');
    if ($("#display").attr('src').replace('.png', '') >= amount) {
        $("#display").attr('src', next+".png");
        next++;
    } else {
        $("#display").attr('src', next+".png");
        next++;
    };
}

按按钮时调用 gal2 <input type="button" onclick="gal2()"> ,

.imagelist是一个包含图像的 div，

#display是显示的主图像，

Example Website

问题是没有任何反应，除非选择了一个，然后每次都会回到原来的状态。

P.S:这是九年级中学项目

Answer 1

您对脚本进行了一些编辑，现在它可以正常工作:https://jsfiddle.net/IA7medd/qwmt7Lep/2/

function gal2(){
    var amount = $(".imagelist > img").length;
    var current = parseInt($("#display").attr('src').replace('.png', ''));
    var next = current + 1;
    if (current < amount) {
        $("#display").attr('src', next+".png");
    } else {
        $("#display").attr('src', "1.png");
    };
}