|
Описание: Очень простой скрипт на языке JavaScript,
который требуется очень часто. Действительно, обычно картинки на сайте
обладают небольшим размером, чтобы не увеличивать их до такого размера,
когда это смотрится уже, как минимум, некрасиво. Однако, очень часто
пользователи хотят увеличить картинку, и вот для их удобства и был
сделан этот простой скрипт. Результат: Кликните на любую фотографию. Если кликните ещё раз, то она вернётся в исходное состояние (P.S. На фото не я, а мой одногруппник).
Фото 1
|
Фото 2
|
Код JavaScript (вставлять между тегами <head> и </head>): <script language = "JavaScript">
var bigsize = "300"; //Размер большой картинки
var smallsize = "150"; //Размер маленькой картинки
function changeSizeImage(im) {
if(im.height == bigsize) im.height = smallsize;
else im.height = bigsize;
}
</script>Код HTML (вставлять между тегами <body> и </body>): <table align="center">
<tr>
<td align="center">
<img src="foto1.jpg" height="150" onclick="changeSizeImage(this)" />
<br />
<b>Фото 1</b>
</td>
<td align="center">
<img src="foto2.jpg" height="150" onclick="changeSizeImage(this)" />
<br />
<b>Фото 2</b>
</td>
</tr>
</table>
Создано 13.12.2010 13:20:40
Фото 1
|
Фото 2
|
|