Изменение картинки по нажатию

@Vadik993 · Регистрация: 25.03.2014

Студворк — интернет-сервис помощи студентам

<html>
Не могу знаю как по нажатию на картинку она менялась

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<head>
<meta http-equiv=Content-Type
content="text/html; charset=windows-1251">
</head>
<body lang=RU>
<H2></H2>
<b>Для смены графического объекта переместите на него мышку</b>
<a href="#"
OnMouseOver="document.getElementById('B_B').src='08843.png'"
OnMouseOut="document.getElementById('B_B').src='08844.png'">
<img id="B_B" src="08844.png" border=0
align="left"></a>
 
</body>
</html>

@Padimanskas · 26.03.2014, 23:12

Сообщение от Vadik993

Не могу знаю как по нажатию на картинку она менялась

Моя вам сказать что ваша код весьма роскошно и напоминать большой закрученный лепесток догщит.

вот привязать ваша картинка к хендлер где менять на новый:

JavaScript
1
2
3
$('#B_B').on('mouseover', function(){
    $(this).attr('src', 'http://new-source');
});

@newJS · 27.03.2014, 08:25

Padimanskas, вообще то его пример работает, хотя не понял зачем там ссылка

а может в той строке зашифрован вопрос как сделать по клику?

HTML5
1
<img id="B_B" src="pics/opera48.gif" border="0" onclick="clik(this);" align="left">

JavaScript
1
2
3
4
5
6
7
function clik(el){
 
if(el.src.indexOf("ie48")>0){
el.src="pics/opera48.gif"}
else{el.src="pics/ie48.gif"};
 
 };

@Vadik993 · 27.03.2014, 15:33 **[ТС]**

блин. у меня мозги кипят. поэтому не знаю что пишу. пример работает. надо еще и по клику на картинку, 3 картинка появлялась

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

@Vadik993 0 / 0 / 0 Регистрация: 25.03.2014 Сообщений: 8
	27.03.2014, 15:33 [ТС]
	блин. у меня мозги кипят. поэтому не знаю что пишу. пример работает. надо еще и по клику на картинку, 3 картинка появлялась 0