Збільшення картинки при кліці
опис: Дуже простий скрипт на мові jаvascript, який потрібно дуже часто. Дійсно, зазвичай картинки на сайті мають невеликим розміром, щоб не збільшувати їх до такого розміру, коли це виглядає вже, як мінімум, некрасиво. Однак, дуже часто користувачі хочуть збільшити картинку, і ось для їх зручності і був зроблений цей простий скрипт.
результат: Натисніть на будь-яку фотографію. Якщо клікніть ще раз, то вона повернеться в початковий стан (P.S. На фото не я, а мій одногрупник).
фото 1 | фото 2 |
Код jаvascript (вставляти між тегами і ):
Код HTML (вставляти між тегами і ):
align="Center"gt;
align="Center"gt;
src="Foto1.jpg"height="150"onclick="changeSizeImage(this)"/ Gt;
/ Gt;
фото 1
align="Center"gt;
src="Foto2.jpg"height="150"onclick="changeSizeImage(this)"/ Gt;
/ Gt;
фото 2
Поділися в соціальних мережах:
Схожі
- Прихований текст на jаvascript
- Скролінг тексту на кнопці
- Дерево на jаvascript
- Ротатор декількох зображень на jаvascript
- Кнопка з анімованим текстом
- Збільшення тільки однієї картинки при кліці
- Таймер на jаvascript
- Випадає зображення із заслання на jаvascript
- Ротатор тексту на jаvascript
- Відкриття нового вікна при кліці
- Ротатор зображень на jаvascript
- Скрипт галереї + слайд-шоу на jаvascript
- Зміна кольору кнопки
- Скрипт додавання в обране
- Текст на хвилях в jаvascript
- Календар на jаvascript
- Скрипт галереї на jаvascript
- Миготлива кнопка jаvascript
- Ротатор зображень на jаvascript з кнопками
- Цифровий годинник на jаvascript
- Падаючий сніг на jаvascript