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

问题是，除非选择了一个，否则什么都不会发生，而不是每次都会回到原来的那个。

PS：这是针对 9 年中学项目 p>

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");
    };
}