Проблемы с меню в JavaScript

Chervones · 1 Мар 2011

Проблемы с меню в JavaScript

Изготовлял меню для сайта на JavaScript'е и возникла проблема: картинки мененяются только в первой картинке, а остальные не меняются.
Вот html-код:

HTML:

<html>
<head>
<script language="javaScript" src="1.js"></script>
<link href="1.css" rel="stylesheet"></link>
</head>
<body>
<center>
<div class="d1">
Меню
<img src="b1.png" name="img1" onMouseover="img0()" onMouseout="imgi0()"></img>
<br><img src="b1.png" name="img2" onMouseover="img1()" onMouseout="imgi1()"></img>
</div>
</CENTER>
</body>
<html>

А вот JavaScript-код:

Код:

function img0()
{
var img1="b2.png"
document.all.img1.src=img1
}
function imgi0()
{
var img0="b1.png"
document.all.img1.src=img0
}
function img1()
{
var img1="b2.png"
document.all.img2.src=img1
}
function imgi1()
{
var img0="b1.png"
document.all.img2.src=img0
}

Непонимаю в чём проблема.

Chervones · 1 Мар 2011

Вот скрин.

Eli · 1 Мар 2011

код <br> не закрываешь?

<img src="b1.png" name="img1" onMouseover="img0()" onMouseout="imgi0()"></img>

<br><img src="b1.png" name="img2" onMouseover="img1()" onMouseout="imgi1()"></img>

попробуй заменить как в первом варианте с

onMouseover="img0()" onMouseout="imgi0()"

-

в коде onMouseover="img1()" onMouseout="img1()" переделать код для "img1 отдельно. без "imgi1"

мне кажется что код не правильный вышел (возможно не хватка строки для "imgi1" ) Имхо

Chervones · 1 Мар 2011

Тег <br> закрытия не требует.

попробуй заменить как в первом варианте с

onMouseover="img0()" onMouseout="imgi0()"

Нажмите для раскрытия...

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

Chervones · 1 Мар 2011

Код всё ещё не работает, всё как подобает собрано, вроде. Где код противоречит непонятно!

kreol · 3 Мар 2011

1) проставьте в javascript точки с запятой
2) попробуйте путь к файлу для начала задать без доп переменной. т.е.

Код:

document.all.img1.src="/1.png";

3) в самом имидж попробуйте событие без внешнего файла так(в двух)

Код:

<img src="b1.png" name="img1" onMouseover="this.src='1.png';" onMouseout="this.src='2.png';"><br />
<img src="b1.png" name="img2" onMouseover="this.src='3.png';" onMouseout="this.src='4.png';">

п.с. <img> тоже не требует закрывающего тега
также рекомендую использовать плагин firebug для мозилы и просмотрите пути возможно не правильно заданы...

kreol · 3 Мар 2011

ааа все увидел проблему. у вас название переменной такое же как и функции.

сделайте так и все заработает.

.html

Код:

<html>
<head>
<script language="javaScript" src="1.js"></script>
<link href="1.css" rel="stylesheet"></link>
</head>
<body>
<center>
<div class="d1">

<img src="b1.png" name="img1" onMouseover="img0()" onMouseout="imgi0()">
<br><img src="b1.png" name="img2" onMouseover="img3()" onMouseout="imgi4()">
</div>
</CENTER>
</body>
<html>

1.js

Код:

function img0(){
  var img1="b2.png";
  document.all.img1.src=img1;
}
function imgi0(){
  var img0="b1.png";
  document.all.img1.src=img0;
}
function img3(){
  var img1="b2.png";
  document.all.img2.src=img1;
}
function imgi4(){
  var img0="b1.png";
  document.all.img2.src=img0;
}

п.с. делайте отступы в коде даже в маленьких проектиках. легче будет

Chervones · 30 Апр 2011

Я всё сделал проще, во код:

Код:

  <a onmouseover="document.im0.src='buttons/button1.png'" onmouseout="document.im0.src='buttons/button0.png'"><img src="buttons/button0.png" name="im0"></a>

kreol · 4 Май 2011

это не проще а неправильней...

Chervones · 13 Июл 2011

Зато работает:tehnari_ru_707:

Проблемы с меню в JavaScript

Chervones

Novel user

Chervones

Novel user

Вложения

Eli

TEHNARI.RU

Chervones

Novel user

Chervones

Novel user

kreol

Ученик

kreol

Ученик

Chervones

Novel user

kreol

Ученик

Chervones

Novel user

Похожие темы