VPF::при клике на картинку должна меняться соседняя

nadyui

Дата 8.8.2009, 22:34 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 51
Регистрация: 30.10.2005

Репутация: нет
Всего: нет

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

Код



<html>
<head>
<title>галерея</title>
<script language="JavaScript">

function kartinka1() {
image1.src="2.jpg";
}
function kartinka2() {
image1.src="3.jpg";
}
</script>
</head>
<body>

<table><tr>
<td><img ID="image1" border="0" src="1.jpg" width="50" height="100"></td>
<td><a  href="proba.htm" 
onClick="kartinka1();"
onmouseover="this.parentNode.style.backgroundColor='#1F1A17';return false;" 

onmouseout="this.parentNode.style.backgroundColor='#928B6F';return false;" ><img 

border="0" src="2.jpg" width="50" height="100"></a></td>
<td><a   href="proba.htm" 
onClick="kartinka2();"
onmouseover="this.parentNode.style.backgroundColor='#1F1A17';return false;" 

onmouseout="this.parentNode.style.backgroundColor='#928B6F';return false;" ><img 

border="0" src="3.jpg" width="50" height="100"></a></td>
</tr>
</table>
</body>
</html>

youri

Дата 8.8.2009, 22:44 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 740
Регистрация: 17.4.2004

Репутация: 2
Всего: 16

а что, netscape еще кто-то использует?

--------------------

С кем разговаривает Microsoft

nadyui

Дата 8.8.2009, 23:01 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 51
Регистрация: 30.10.2005

Репутация: нет
Всего: нет

Может еще и использует. по привычке.... а что без innerHTML это никак не решить?

bars80080

Дата 9.8.2009, 01:19 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

что-то страшное вообще накалякано. зачем вообще здесь ссылки? и почему ни капли не универсально? мы же программированием занимаемся, а не перечислением загруженных картинок

Код


<html>
<head>
<title>галерея</title>
<style>
img { border: 0px; width: 50px; height: 100px; }
</style>
<script type="text/javascript">
function bigpic(x) {
    document.getElementById('image1').src = x.src;
}
</script>
</head>
<body>
<table><tr>
<td><img id="image1" src="1.jpg" /></td>
<td><img onclick="bigpic(this);" src="2.jpg" /></td>
<td><img onclick="bigpic(this);" src="3.jpg" /></td>
</tr>
</table>
</body>
</html

nadyui

Дата 9.8.2009, 13:55 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 51
Регистрация: 30.10.2005

Репутация: нет
Всего: нет

Cпасибо огромное bars80080, вы все замечательно систематизировали.
только вот еще вопрос - а возможно еще чтобы при клике на правую картинку не только левая картинка менялась а еще в отдельной ячейке таблицы менялся текст?.... или две разных функции к одному onclick не привязать?

bars80080

Дата 9.8.2009, 14:18 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

да можно, надо только вначале пояснить что за текст, где он находится, и где он должен меняться

в частности всё очень просто, если текст сидит в титле картинки:

Код


<html>
<head>
<title>галерея</title>
<style>
img { border: 0px; width: 50px; height: 100px; }
</style>
<script type="text/javascript">
function bigpic(x) {
    document.getElementById('image1').src = x.src;
    document.getElementById('txt1').innerHTML = x.title;
}
</script>
</head>
<body>
<table><tr>
<td><img id="image1" src="1.jpg" /></td>
<td id="txt1"></td>
<td><img onclick="bigpic(this);" src="2.jpg" title="вторая картинка" /></td>
<td><img onclick="bigpic(this);" src="3.jpg" title="третья картинка" /></td>
</tr>
</table>
</body>
</html

nadyui

Дата 9.8.2009, 21:45 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 51
Регистрация: 30.10.2005

Репутация: нет
Всего: нет

Ой, bars80080, вы просто волшебник smile

Как раз все заработало так, как мне нужно.
Что называется век живи, век учись, сама бы я до этого не додумалась, потому как в учебнике моем ничего подобного не написано.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »