js点击放大图片

2019-11-06 08:24:39

字体：大中小

来源：转载

供稿：网友

js代码：

<div class="dp-pic"> <label>店铺门面照片（1张）</label> <input type="hidden" value="${businessDetail.storeImg }" name="storeImg" id="storeImg"> <div class="dp-sczp"> <input size="30" class="imgfile" type="file" name="imgFile" id="selectedLogoImgId" onchange="uploadImage(this)"> </div> <div class="dp-img" id="logoImgDiv"> <img src="${businessDetail.storeImg }" id="logoImgId" original='${businessDetail.storeImg }' onclick="showOriginal(this)"></div> </div> </div>//图片所放的位置，点击关闭，图片回到原来的大小 <div id="imgFrame"> <div> <a href="javascript:close();" style="float: right;color: #FF0000;">关闭</a> </div> <div id="imgbox"></div> </div><script type="text/Javascript"> //图片放大 function showOriginal(img) { document.getElementById("imgFrame").style.display = "block"; document.getElementById("imgbox").innerHTML = "<img src='" + img.getAttribute("original") + "' width='680px' height='480px'/>"; } function close() { document.getElementById("imgFrame").style.display = "none"; } </script>

上一篇：2017

下一篇：JDK之TreeSet源码解析