如何浏览Javascript中的图片

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个图像滑块，通过单击下一个按钮和上一个按钮来更改图片。因此，如果用户点击下一个图片，则会弹出该序列中的下一张图片，如果用户点击之前的图片，则弹出上一个图片。下一个功能工作得很好，但我似乎无法使以前的功能工作。如何浏览Javascript中的图片

<script type="text/javascript"> 
var image1 = new Image(); 
var image2 = new Image(); 
var image3 = new Image(); 
var image4 = new Image(); 
var image5 = new Image(); 
var image6 = new Image(); 
var image7 = new Image(); 
var image8 = new Image(); 
var image9 = new Image(); 
var image10 = new Image(); 
var image11 = new Image(); 
image1.src="jokes.png"; 
image2.src="facts.png"; 
image3.src="riddles.png"; 
image4.src="html.png"; 
image5.src="xml.png"; 
</script> 
<img alt="previous" id="prev" src="prev_ctrl.png" width=60 height=60 onClick="slideprev()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="jokes.png" name="slide" width="200" height="200">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img id="next" src="next_ctrl.png" alt="next" width=60 height=60 onClick="slidenext()"> 
<script type="text/javascript"> 
var step = 1; 
function slidenext() { 
    document.images.slide.src = eval("image" + step + ".src"); 
    if (step < 5){ 
    step++; 
    }else{ 
    step = 1; 
    } 
} 
function slideprev() { 
    document.images.slide.src = eval("image" + step + ".src"); 
    if (step >= 5){ 
    step--; 
    }else{ 
    step = 5; 
    } 
} 
</script>

回答：

function slideprev() { 
    document.images.slide.src = "image"+step+".png"; 
     if (step <= 5 && step > 1){ 
     step--; 
     }else{ 
      step = 5; 
     } 
    }

就上述更换slideprev功能，那么将工作做好。

回答：

您的代码不起作用，因为slidePrev将永远也不能低于5。我已经修改了你的代码。

var step = 0; 
var images = [ "jokes.png", "facts.png", "riddles.png", "html.png", "xml.png"]; 
var stepLimit = images.length - 1; 
function slideNext() { 
    step = Math.min(step + 1, stepLimit); 
    document.images.slide.src = images[step] 
} 
function slidePrev() { 
    step = Math.max(step - 1, 0); 
    document.images.slide.src = images[step] 
}

回答：

var imgsrc="image" + step + ".src"; 
document.images.slide.src=imgscr;

回答：

document.images.slide.src = window["image" + step].src;

这是你的代码的回调，但我会建议@Aishwar的解决方案

以上是 如何浏览Javascript中的图片 的全部内容， 来源链接： utcz.com/qa/259033.html

回到顶部