Question

我正在制作图像幻灯片/转盘，其中有播放，暂停和停止按钮。当您按播放时，图像将每1秒更改一次。但是，一旦到达最后一张图片，就不会返回第一张图片。有什么理由吗？有19张照片，它们将按顺序移动。除了链接的末尾，每张照片都具有相同的URL，链接的末尾会根据其顺序以19顺序进行更改。

<div class="form-group required">
 <label for="return_notes"><?= _lang('notes') ?></label>
 <textarea class="form-control" name="return_notes" id="return_notes"  required="required"></textarea>
</div>

Answer 1

thumbnailsElement.children[count-2].classList.remove('selected');

当count的值为1时，此行将给出错误。因此，考虑您的代码，在if-else语句的末尾移动“ count ++”，即

  if (count < 19) {
      if (count < 10) {
         console.log("count:" + count);
          x = URL + "0" + count + ".jpg";
      } else {
          x = URL + count + ".jpg";
      }
  } else {
      count = 1;
      x = URL + "0" + count + ".jpg";
  }
    count++;    //changed statement
    mainElement.setAttribute('src', x);
    thumbnailsElement.children[count].classList.remove('selected');
    ...

我也认为prev（）函数存在错误，否则为if语句。应该是

 else if (count == 2) {
    count = 19;
    x = URL + count + ".jpg";
}

有2而不是1，因为在next（）函数中count永远不会变成1

图片幻灯片无法正常运行

1 个答案: