在點擊後包含HTML圖片大小

Question

我希望在點擊後包含圖片大小， 當前顯示的圖片大小比我希望它們顯示的大。

例子：http://messaages.com/post/144951542174

HTML：https://gist.github.com/anonymous/4f09e3306f9b28ee0dce286342c51c7e

我打周圍的代碼中的各種尺寸，但我不能似乎能夠改變它。

Answer 1

如果你想改變圖像大小，一旦他們被點擊你會想要使用JavaScript來改變CSS。

<img onclick="imageChange(this)" style="width: 200px; cursor: pointer;" src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"> 

<script> 
window.imageChange = function(image) { 
     if (image.style.width === "200px") { 
     image.style.width = "100px"; 
    } else { 
     image.style.width = "200px"; 
    } 
} 
</script> 

JS小提琴：https://jsfiddle.net/ws12fqzc/