Доброго времени суток.
var bigsize = "300"; //Размер большой картинки
var smallsize = "150"; //Размер маленькой картинки
function changeSizeImage(im) {
if (im.height == bigsize) im.height = smallsize;
else im.height = bigsize;
}
<table align="center">
<tr>
<td align="center">
<img src="https://myrusakov.ru/images/articles/Foto1.jpg" height="150" onclick="changeSizeImage(this)" />
<br />
<b>Фото 1</b>
</td>
<td align="center">
<img src="https://myrusakov.ru/images/articles/Foto2.jpg" height="150" onclick="changeSizeImage(this)" />
<br />
<b>Фото 2</b>
</td>
</tr>
</table>
Здесь все работает. Но я не могу понять как это работает? Ведь переменные bigsize
and smallsize
вне функции и как проходит логическая проверка if (im.height == bigsize)
, если по клику нигде не подставляется bigsize
? bigsize
ведь сам по себе вне функции. В моем понимании это как так, если клик то присвоить bigsize. Объясните, пожалуйста, подробнее как этот код работает?