Question

我到目前为止的脚本是：

var array = ["heil.jpeg","8bit_12.jpeg","city.jpg"];

$("#next").click(function() {
    $("img").fadeOut(function() {
        for(var i=0; i < array.length; i++) { 
            $(this).attr('src', array[i]).fadeIn(); 
        }
    }); // end fadeOut
});

单击按钮#next时，如何让索引选择数组中的下一个元素？

JSFiddle：http://jsfiddle.net/qo5u81dk

Answer 1

你改变了id的“后退”和“下一个”。您还需要计算图像数组（drawNum）的索引并使用它。

 $("#next").click(function() {
  var drawNum = Math.round(Math.random() * (array.length));
  $("img").fadeOut(function() {
    for (var i = 1; i < array.length; i++) {
      $(this).attr('src', array[drawNum]).fadeIn();
    }
  });
});

我稍微修改了你的jsfiddle它应该可以工作。

https://jsfiddle.net/qo5u81dk/2/

Answer 2

你的li中的id-s＆gt; div被反转 - 标有“NEXT”的按钮有id =“back”，反之亦然。在您发布$（“＃next”）的代码中。单击（function（），只要您将“#next”替换为“#back”就可以了。

单击按钮时如何使用JQuery切换图片

2 个答案: