Question

我正在制作一个迷你画廊，在那里我可以展示我的作品。我想要发生的是每次我都应该点击＆＃34;右边＆＃34;按钮图像直到最后一张照片，它仍然会从头开始重复图像。我尝试了if语句但没有任何反应。非常感谢您的帮助，谢谢！

$(function(){

var currIndex;

//$("#header").hide();

$("ul li img").click(function() {

    currIndex = $(this).parent();

   var selectsrc = $(this).attr("src");
    $("#display").attr("src", selectsrc);

    $("#gray").slideDown();
    $("#white").fadeIn();
});

$("#gray").click(function(){
    $("#gray").slideToggle();
    $("#white").fadeOut();
});

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

    var numOfItems = $("ul li img").length;

    var nextIndex = currIndex.next();
    var nextImg = nextIndex.children("img").attr("src");
    $("#display").attr("src", nextImg);
    currIndex = nextIndex;

    if (currIndex == numOfItems-1){
        alert("HELLO");
        currIndex = 0;
    }

    else {
        alert("HI");
        currIndex++;
    }


})



});

Answer 1

我没有尝试你的代码，但它看起来像是在右键单击功能......

   if (currIndex == numOfItems-1){
    alert("HELLO");
    currIndex = 0;
   }
   else
   {
      alert("HI");
      currIndex++;
   }

应该是......

   currIndex++;

   if (currIndex >= numOfItems){
    currIndex = 0;
   }

你的左键单击功能应该增加currIndex，另外你需要将它初始设置为零。： - ）

无限循环图像Javascript

1 个答案: