JQuery 图库下一个按钮无法正常工作？

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：这是一个 9 年级的中学项目

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

JQuery 图库下一个按钮无法正常工作？

JQuery Gallery next button not working properly?

html

javascript

jquery

gallery

button