h5 img js 点击图片放大_img点击放大的js实现

业务需要，从后台获取图片列表，用img标签展示，由于图片太小看不清，需要点击放大，类似如下效果：

点击后放大(由于图片高度超出了页面，需要通过overflow:auto;设置滚动条，点击放大图片回到列表界面)：

js实现：

1、获取所有img标签，添加展开功能，该方法在图片列表加载完成以后执行：

function addExpand() {

var imgs = document.getElementsByTagName("img");

imgs[0].focus();

for(var i = 0;i

imgs[i].onclick = expandPhoto;

imgs[i].onkeydown = expandPhoto;

}

}

2、方法1种循环给图片的onclick和onckeydown指定了expandPhoto方法，该方法实现了点击图片放大的功能：