Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Сменя background по клику... Где туплю?

Автор: OlexXX 20.1.2009, 06:42

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

Код


<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>

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

Автор: bars80080 20.1.2009, 10:30

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

Код


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

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

Автор: Aliance 22.1.2009, 10:27

Код


<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>