Збільшення тільки однієї картинки при кліці
опис: Я вже викладав скрипт збільшення картики при кліці. Однак, мені поставили запитання, як зробити так, щоб в один момент могла б бути збільшена тільки одна картинка. Тобто коли клацають по іншій картинці, поточна збільшена повинна бути зменшена. Ось такий скрипт я і пропоную вашій увазі.
результат: Натисніть на будь-яку фотографію. Якщо клікніть ще раз, то вона повернеться в початковий стан. Причому, одночасно збільшеною може бути тільки одна фотографія.
Відео: Збільшення зображення при натисканні
фото 1 | фото 2 |
Код jаvascript (вставляти між тегами і ):
Код HTML (вставляти між тегами і ):
Відео: Збільшення картинки (Lightbox) без плагінів
align="Center"gt;
align="Center"gt;
src="Foto1.jpg"height="150"onclick="changeSizeOneImage(this)"/ Gt;
/ Gt;
фото 1
align="Center"gt;
src="Foto2.jpg"height="150"onclick="changeSizeOneImage(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