js点击放大图片

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>