Question

我想打开一张图片，点击另一张图片等等。所以这是一张链到6-7张图片。可以告诉我如何实施它。

<html>
<head></head>
<body style="background:color:red">
    <a href="images/Delivery/2.png">
        <img src="images/Delivery/1.png">
    </a>
</body>
</html>

通过上述代码，我只能打开2张图片。如何通过点击＆＃34; 2.png＆＃34;来访问另一个图像？等等。

Answer 1

您可以使用jquery来实现此

//Initial image element
<img src="images/Delivery/1.png" />

var imagesToShow=["1.png","2.png","3.png","4.png","5.png","6.png","7.png"];

var cnt=1;
$("img").click(function{
  //If last image then reset to first image
  if(cnt==imagesToShow.length){
     cnt=0;  
  }
  var nextimage="images/Delivery/"+imagesToShow[cnt];
  $(this).attr("src",nextimage);  

  cnt++;
});

Answer 2

你可以简单地通过传递for循环来实现它......不需要写大js

要点击另一张图片打开图片，依此类推

2 个答案: