js实现图片数组中图片切换效果

写一个图片切换的小案例，巩固一下setAttribute的用法。setAttribute()方法能够给dom元素添加属性并指定属性值，如果属性已经存在则更改属性值。

方法：将图片放入数组中首先给img一个初始值，使用index存放当前被点击图片的下标，当再一次点击时，下标+1赋值给数组下标，利用setAttribute()方法给img标签设置src属性。上一张效果反之，代码如下。

    
        
        
    
    
    
        
        上一张
        下一张
    
    

实现效果为当点击下一张图片切换至数组中的下一张，点击上一张切换至数组中的下一张

初始界面为

点击下一张效果为

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。