Главная->Уроки по js->Увеличение картинки при клике

Увеличение картинки при клике

04 Мая в 00:00

Очень простой скрипт на языке JavaScript, который требуется очень часто. Действительно, обычно картинки на сайте обладают небольшим размером, чтобы не увеличивать их до такого размера, когда это смотрится уже, как минимум, некрасиво. Однако, очень часто пользователи хотят увеличить картинку, и вот для их удобства и был сделан этот простой скрипт. Результат: Кликните на любую фотографию. Если кликните ещё раз, то она вернётся в исходное состояние (P.S. На фото не я, а мой одногруппник). Фото 1 Фото 1 Фото 2 Фото 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>