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++;
    };
}

按下<input type="button" onclick="gal2()">按钮时调用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 Gallery下一个按钮不能正常工作？

1 个答案: