VPF::Сменя background по клику... Где туплю?

OlexXX

Дата 20.1.2009, 06:42 (ссылка)

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

Загрузка ...

Новичок

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

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

Вот так работает:

Код


<head>...</head>
<body>
<div id="Knopka"></div>
<script language="javascript">
<!--
    Knopka.onmousedown=function(e)
    {
      document.all('Knopka').style.background="url(images/knopka2.gif)";
    }
    Knopka.onmouseup=function(e)
    {
      document.all('Knopka').style.background="url(images/knopka1.gif)";
    }
-->
</script>
</body>

А вот так уже не работает. :(

Код


<head>
...
<script language="javascript">
    KnImg1=new Image();
    KnImg1.src="images/knopka1.gif'";
    KnImg2=new Image();
    KnImg2.src="images/knopka2.gif'";
</script>
</head>
<body>
<div id="Knopka"></div>
<script language="javascript">
<!--
    Knopka.onmousedown=function(e)
    {
      document.all('Knopka').style.background="url("+KnImg2.src+")";
    }
    Knopka.onmouseup=function(e)
    {
      document.all('Knopka').style.background="url("+KnImg1.src+")";
    }
-->
</script>
</body>

А очень хоцця изображения раньше грузить, чем буду их использовать. Что не так делаю?

Это сообщение отредактировал(а) Aliance - 22.1.2009, 10:16

bars80080

Дата 20.1.2009, 10:30 (ссылка)

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

Загрузка ...

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

Награды: 1

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

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

попробуй добавить вары что ли

Код


...
    var KnImg1=new Image();
    KnImg1.src="images/knopka1.gif'";
    var KnImg2=new Image();
...

п.с. пользуйся кнопкой "код"

Aliance

Дата 22.1.2009, 10:27 (ссылка)

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

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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

Код


<head>
...
<script language="javascript">
if ( document.images )
{
    var myImg = {};
    myImg['button1'] = new Image(10, 20); // (height, width)
    myImg['button1'].src = 'images/knopka1.gif';
    myImg['button2'] = new Image(15, 25);
    myImg['button2'].src = 'images/knopka1.gif';
}
</script>
</head>
<body>
<div id="Knopka"></div>
<script language="javascript">
<!--
var button = document.getElementById('Knopka');
    Knopka.onmousedown=function(e)
    {
      button.style.backgroundImage = "url(" + myImg['button2'].src + ")";
    }
    Knopka.onmouseup=function(e)
    {
      button.style.backgroundImage = "url(" + myImg['button1'].src + ")";
    }
-->
</script>
</body>

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

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

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