2016-12-28 97 views
-1

我想打开一个图片点击另一个图片等。所以这是一个链6-7图像。可以somone建议我如何实施它。打开一个图片点击另一个图片等等

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

使用上述代码我只能打开2张图片。如何通过点击“2.png”等来访问其他图片。

+2

请记住,SO不是代码写作服务。你应该显示你迄今为止所尝试的代码来解决这个问题,以及你卡在哪里。 – gus27

回答

0

您可以使用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++; 
}); 
-1

您可以简单地通过传递类循环使...没有必要写大JS

相关问题