Описание: Я уже выкладывал скрипт увеличение картики при клике . Однако, мне задали вопрос, как сделать так, чтобы в один момент могла бы быть увеличена только одна картинка. То есть когда кликают по другой картинке, текущая увеличенная должна быть уменьшена. Вот такой скрипт я и предлагаю Вашему вниманию.
Описание: Я уже выкладывал скрипт увеличение картики при клике. Однако, мне задали вопрос, как сделать так, чтобы в один момент могла бы быть увеличена только одна картинка. То есть когда кликают по другой картинке, текущая увеличенная должна быть уменьшена. Вот такой скрипт я и предлагаю Вашему вниманию.
Результат: Кликните на любую фотографию. Если кликните ещё раз, то она вернётся в исходное состояние. Причём, одновременно увеличенной может быть только одна фотография.
Фото 1 |
Фото 2 |
Код JavaScript (вставлять между тегами <head> и </head>):
<script language = "JavaScript">
var bigsize = "300"; //Размер большой картинки
var smallsize = "150"; //Размер маленькой картинки
var active_img = 0;
function changeSizeOneImage(im) {
if (active_img == im) {
active_img.height = smallsize;
active_img = 0;
return;
}
if (active_img != 0) active_img.height = smallsize;
active_img = im;
im.height = bigsize;
}
</script>
Код HTML (вставлять между тегами <body> и </body>):
<table align="center">
<tr>
<td align="center">
<img src="foto1.jpg" height="150" />
<br />
<b>Фото 1</b>
</td>
<td align="center">
<img src="foto2.jpg" height="150" />
<br />
<b>Фото 2</b>
</td>
</tr>
</table>
