下一个Prev显示小错误Jquery

我的下一个和上一个有点问题

当我单击“上一步”按钮时，第一次什么也没发生。我尝试了

alert（url（'+images[I++]+'）

但第一次是空的。但第二次按下时，效果很好。“下一步”按钮也会发生同样的情况。我不知道是什么导致了这个问题

任何帮助都将不胜感激

html:

<div id="containerBox1">
  <ul class="buttons" style="margin-top: 182px;">
      <li><a class="triggerright masterTooltip" id="right1" title="Next">Right</a></li>
      <li><a class="triggerleft masterTooltip" id="left1" title="Previous">Left</a></li>
  </ul>
</div>

<script>
    var getUrl = 'images/Logos/facebook.png';
    var refreshInterval;
    var i = 1;
    $(document).ready(function() {
    var images = ['images/Logos/facebook.png', 'images/Logos/gmail.png', 'images/Logos/twitter.png'];

    function changeBackground() {
      getUrl = images[i];
      $('#containerBox1').css('background-image', function() {
          if (i >= images.length) {
              getUrl = 'images/Logos/facebook.png';
              i = 0;
          }
          return 'url(' + images[i++] + ')';
      });
    }

    // Set an interval to continue
    //refreshInterval = setInterval(changeBackground, 8000);

    $("#left1").click(function() {

      // Clear interval
      //clearInterval(refreshInterval);
      $('#containerBox1').css('background-image', function() {
          if (i <= 0) {
              i = images.length;
          }
          return 'url(' + images[--i] + ')';
      });
    });

    $("#right1").click(function() {
      // Clear interval
      //clearInterval(refreshInterval);

      $('#containerBox1').css('background-image', function() {
          if (i >= images.length) {
              i = 0;
          }
          return 'url(' + images[i++] + ')';
      });

      // Set interval again
      //setInterval(changeBackground, 8000);
    });
    });
  </script>



对
左


Js:

<div id="containerBox1">
  <ul class="buttons" style="margin-top: 182px;">
      <li><a class="triggerright masterTooltip" id="right1" title="Next">Right</a></li>
      <li><a class="triggerleft masterTooltip" id="left1" title="Previous">Left</a></li>
  </ul>
</div>

<script>
    var getUrl = 'images/Logos/facebook.png';
    var refreshInterval;
    var i = 1;
    $(document).ready(function() {
    var images = ['images/Logos/facebook.png', 'images/Logos/gmail.png', 'images/Logos/twitter.png'];

    function changeBackground() {
      getUrl = images[i];
      $('#containerBox1').css('background-image', function() {
          if (i >= images.length) {
              getUrl = 'images/Logos/facebook.png';
              i = 0;
          }
          return 'url(' + images[i++] + ')';
      });
    }

    // Set an interval to continue
    //refreshInterval = setInterval(changeBackground, 8000);

    $("#left1").click(function() {

      // Clear interval
      //clearInterval(refreshInterval);
      $('#containerBox1').css('background-image', function() {
          if (i <= 0) {
              i = images.length;
          }
          return 'url(' + images[--i] + ')';
      });
    });

    $("#right1").click(function() {
      // Clear interval
      //clearInterval(refreshInterval);

      $('#containerBox1').css('background-image', function() {
          if (i >= images.length) {
              i = 0;
          }
          return 'url(' + images[i++] + ')';
      });

      // Set interval again
      //setInterval(changeBackground, 8000);
    });
    });
  </script>


var getUrl='images/Logos/facebook.png'；
var更新间隔；
var i=1；
$（文档）.ready（函数（）{
var images=['images/Logos/facebook.png'，'images/Logos/gmail.png'，'images/Logos/twitter.png']；
函数changeBackground（）{
getUrl=images[i]；
$（'#containerBox1'）.css（'background-image'，function（）{
如果（i>=images.length）{
getUrl='images/Logos/facebook.png'；
i=0；
}
返回'url（'+images[i++]+'）；
});
}
//设置一个间隔以继续
//refreshInterval=setInterval（changeBackground，8000）；
$（“#left1”）。单击（函数（）{
//净间隔
//清除间隔（刷新间隔）；
$（'#containerBox1'）.css（'background-image'，function（）{
if（i=images.length）{
i=0；
}
返回'url（'+images[i++]+'）；
});
//重新设置间隔
//设置间隔（changeBackground，8000）；
});
});
@user3351494我应该在哪里使用这个？在上一部分中，单击？查看。您的
prev
按原样工作，没有错误，
next
被修改为
++i
@Regent，如果您单击next按钮068 pic show，它是工作的，而不是067.png。因为
i
的默认值为“1”。如果您将其更改为“0”，那么首先会显示
下一步
单击“067.png”。非常感谢。结果很好。