При клике менять картинку и текст под ней

23.08.2011, 17:34. **Показов** 5216. **Ответов** 2

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

Я недели две назад начал изучатьjavaScript и столкнулся с такой проблемой:не получается добавить текст под картинкой, чтобы он при клике менялся вместе с картинкой, пытался как-то через функцию сделать,но все без толку. Подскажите plizzz. Заранее очень благодарен. Чтобы было понятно вчем дело я покажу свой скрипт:

P.S: может быть заметите какие-нибудь другие проблемные места.

<head>
<script language='JavaScript'>
var num=1
img1 = new Image ()
img1.src = 'img1.jpg'

сдесь я не стал показывать все картинки

function slideShow()
{
num=num+1
if (num==17 )
{num=1}
document.logotyp.src=eval('img'+num+'.sr c')
}
function over()
{
num=num-1
if (num==0)
{num=16}
document.logotyp.src=eval('img'+num+'.sr c')
}
</script>
<title>Контакты</title>
</head>
<body bgcolor='ffffff'>
<span id='fon' style='position:absolute; left:262px; top:142px; width:800px; height:800px; z-index:1;><div aligth='center'>
<img src='portfoliofon portfolio.jpg' width='800' height='800'></span>

<span id='image' style='position:absolute; left:262px; top:142px; width:240px; height:240px; z-index:2;><div align='center'>
<img src='imageportfolio2.jpg' width='240' height='240'></span>

<span id='логотипы' style='position:absolute; left:262px; top:432px; width:240px; height:46px; z-index:2;><div align='center'>
<img src='portfoliol2.jpg' width='240' height='46'></span>

<span id='логотип' style='position:absolute; left:550px; top:260px; width:444px; height:400px; z-index:2;>=<div align='center'>
<img src='img1.jpg' name='logotyp' width='444' height='400'></span>

<span id='кнопка' style='position:absolute; left:805px; top:730px; width:20px; height:20px; z-index:4;><a href='JavaScript:slideShow()'>
<a href='JavaScript:slideShow()'><img src='portfolioutton1.jpg' width='20' height='20' border='0' alt='вперед' onMouseOver='this.src='portfolio/button12.jpg'' onMouseOut='this.src='portfolio/button1.jpg''></a></span>

<span id='кнопка' style='position:absolute; left:735px; top:730px; width:20px; height:20px; z-index:4;><a href='JavaScript:over()'>
<a href='JavaScript:over()'><img src='portfolioutton2.jpg' width='20' height='20' border='0' alt='назад' onMouseOver='this.src='portfolio/button22.jpg'' onMouseOut='this.src='portfolio/button2.jpg''></span>

<span id='печатная продукция' style='position:absolute; left:262px; top:482px; width:240px; height:46px; z-index:2;><div align='center'>
<img src='portfoliop.jpg' width='240' height='46' border='0' alt='логотипы' onMouseOver='this.src='portfolio/p2.jpg'' onMouseOut='this.src='portfolio/p.jpg''></span>

<span id='фирменный стиль' style='position:absolute; left:262px; top:532px; width:240px; height:46px; z-index:2;><a href='firm.html'>
<a href='firm.html'><img src='portfoliof.jpg' width='240' height='46' border='0' alt=&quo

@sl_play · 23.08.2011, 18:49

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
<script>
var MyImages=[['1.jpg','one Image'],['2','two Image']]; // перечисление урлов и названий картинок
var x=1;
 
function myClick(obj){
obj.innerHTML='<img src=''+MyImages[x][0]+''>'+MyImages[x][1];
x++;
 
}
</script>
 
<img src='1.jpg' onclick='myClick(this.parentNode)'>

24.08.2011, 11:06

Спасибо большое,но я немного не правильно, наверное, объяснил нужный результат. Нужно чтобы подпись можно было поставить в нужную мне координату, т.е. текст должен быть в отдельном контейнере. Чтобы клик обрабатывал сразу две функции: смену картинки в одном контейнере и смену текста в другом.

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

barddd

	При клике менять картинку и текст под ней 23.08.2011, 17:34. Показов 5216. Ответов 2 Метки нет (Все метки) Я недели две назад начал изучатьjavaScript и столкнулся с такой проблемой:не получается добавить текст под картинкой, чтобы он при клике менялся вместе с картинкой, пытался как-то через функцию сделать,но все без толку. Подскажите plizzz. Заранее очень благодарен. Чтобы было понятно вчем дело я покажу свой скрипт: P.S: может быть заметите какие-нибудь другие проблемные места. <head> <script language='JavaScript'> var num=1 img1 = new Image () img1.src = 'img1.jpg' сдесь я не стал показывать все картинки function slideShow() { num=num+1 if (num==17 ) {num=1} document.logotyp.src=eval('img'+num+'.sr c') } function over() { num=num-1 if (num==0) {num=16} document.logotyp.src=eval('img'+num+'.sr c') } </script> <title>Контакты</title> </head> <body bgcolor='ffffff'> <span id='fon' style='position:absolute; left:262px; top:142px; width:800px; height:800px; z-index:1;><div aligth='center'> <img src='portfoliofon portfolio.jpg' width='800' height='800'></span> <span id='image' style='position:absolute; left:262px; top:142px; width:240px; height:240px; z-index:2;><div align='center'> <img src='imageportfolio2.jpg' width='240' height='240'></span> <span id='логотипы' style='position:absolute; left:262px; top:432px; width:240px; height:46px; z-index:2;><div align='center'> <img src='portfoliol2.jpg' width='240' height='46'></span> <span id='логотип' style='position:absolute; left:550px; top:260px; width:444px; height:400px; z-index:2;>=<div align='center'> <img src='img1.jpg' name='logotyp' width='444' height='400'></span> <span id='кнопка' style='position:absolute; left:805px; top:730px; width:20px; height:20px; z-index:4;><a href='JavaScript:slideShow()'> <a href='JavaScript:slideShow()'><img src='portfolioutton1.jpg' width='20' height='20' border='0' alt='вперед' onMouseOver='this.src='portfolio/button12.jpg'' onMouseOut='this.src='portfolio/button1.jpg''></a></span> <span id='кнопка' style='position:absolute; left:735px; top:730px; width:20px; height:20px; z-index:4;><a href='JavaScript:over()'> <a href='JavaScript:over()'><img src='portfolioutton2.jpg' width='20' height='20' border='0' alt='назад' onMouseOver='this.src='portfolio/button22.jpg'' onMouseOut='this.src='portfolio/button2.jpg''></span> <span id='печатная продукция' style='position:absolute; left:262px; top:482px; width:240px; height:46px; z-index:2;><div align='center'> <img src='portfoliop.jpg' width='240' height='46' border='0' alt='логотипы' onMouseOver='this.src='portfolio/p2.jpg'' onMouseOut='this.src='portfolio/p.jpg''></span> <span id='фирменный стиль' style='position:absolute; left:262px; top:532px; width:240px; height:46px; z-index:2;><a href='firm.html'> <a href='firm.html'><img src='portfoliof.jpg' width='240' height='46' border='0' alt=&quo

barddd
	24.08.2011, 11:06
	Спасибо большое,но я немного не правильно, наверное, объяснил нужный результат. Нужно чтобы подпись можно было поставить в нужную мне координату, т.е. текст должен быть в отдельном контейнере. Чтобы клик обрабатывал сразу две функции: смену картинки в одном контейнере и смену текста в другом.