如何在WebView中單擊時創建圖像的小版本並以原始大小顯示？

Question

我正在寫一個加載本地html頁面的應用程序。 我的html頁面也包含一些圖片，我希望在默認情況下（比如400px * 200px）以自定義尺寸顯示這些圖片，並在用戶點擊時以原始大小顯示。

例如，這是在HTML文檔我的圖片標籤：

<img src="exclamation.png" 
alt="alt" 
style="width:20px;height:20px;vertical- 
align:middle;padding-left:5px"> 

什麼樣的變化我必須實現的方法嗎？

Answer 1

檢查該解決方案

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 

 
<img src="https://cdn.pixabay.com/photo/2017/01/06/23/13/snow-crystals-1959292_960_720.jpg" id="abc" 
 
alt="alt" 
 
style="width:20px;height:20px;vertical- 
 
align:middle;padding-left:5px" > 
 
<script> 
 
$("#abc").click(function(){ 
 
    $("#abc").attr("style","width:200px;height:200px;vertical-"+ 
 
"align:middle;padding-left:5px"); 
 
}); 
 
</script>