圖片的實際大小為1920x1080，我們先把寬度限制在300px，點擊后圖片還原到100%（圖片雖然寬度還原到100%，但是所顯示的大小取決于父框架的寬度），如果想要圖片全屏放大（根據瀏覽器的高度自動調整）
 

使用方法：首先老規矩，引入jquery庫，點擊【這里】下載。
如果下載鏈接失效  百度搜索 jquery-1.8.2.min.js  下載
所需代碼（jquery、css、html）如下：

(HTML  CSS  JS 代碼都在下面)

<script>
  function f_test(){
    $('#img').toggleClass('min');
    $('#img').toggleClass('max');
  };
</script>
<style>
  .max{width:100%;height:auto;}
  .min{width:300px;height:auto;}
</style>
<img id="img" class="min" src="dedecmsok.jpg">