如何把JSP圖檔點選放大，再次點選還原

首先需要給圖檔加上一個id和一個初始的width和heigh

<div id="div1">
     <img alt="" id="img" class="img_1" src="${pageContext.request.contextPath }/showPic" width="400px;" height="300px;">
    </div>
           

之後

<script type="text/javascript">
     $(function(){
             $("#img").click(function(){
                 var width = $(this).width();
                 if(width==400)
                 {
                     $(this).width(700);
                     $(this).height(600);
                 }
                 else
                 {
                     $(this).width(400);
                     $(this).height(300);
                 }
             });
         });
    </script>
           

如果width為400就會放大，不等于400就會縮小

這就實作了，點選一次圖檔就放大，再點選一次就縮小