彈出的圖像和從現有的大圖img

Question

我已經從一個jsp中的不同類型的服務器加載文件，現在我想單擊圖像文件彈出時，我知道我可以再次請求服務器的數據和popitup，我想要什麼要知道是有沒有辦法從img標籤放大現有的圖像？ 我已經做了一些這樣的事情，目前能夠看到縮略圖。

<s:iterator value="furls" var="file"> 
      <div id="img_holder"> 
       <img src="<s:property value="#file.url"/>" onError="this.onerror=null;this.src='images/no_preview.png';" alt="" height="100" width="100"/> 
       <span id="text"><a href="<s:property value="#file.url"/>"><s:property value="#file.name"/></a></span> 
      </div> 
</s:iterator> 

感謝和問候

Answer 1

嘗試這個 - jsFiddle

CSS

.scale { 
    height:100px; 
    width:300px; 
    transition:all 2s; 
} 

JS

$(document).ready(function() { 
    $('img').click(function() { 
     $('img').toggleClass('scale'); 
    }); 
});