не анимируется кнопка - Компьютерный форум OSzone.net

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)

- Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)

- - не анимируется кнопка (http://forum.oszone.net/showthread.php?t=75237)

не анимируется кнопка

Помогите выявить ошибку. взялся за HTML и Imageready, сделал на пробу страничку,вставил кнопку,кнопка при наведении и нажатии должна менять вид.
в пред просмотре в Imageready все ОК, после вставки кода в страничку кнопка есть,но она статичная.ссылка на кнопке работает.
вот код

Код:

 <html>

   <head>

          <title>чем они занимаются?</title><script type="text/javascript">

                <!--



                  function newImage(arg) {

                  if (document.images) {

                rslt = new Image();

                rslt.src = arg;

                return rslt;

                         }

                         }



                  function changeImages() {

                       if (document.images && (preloadFlag == true)) {

                               for (var i=0; i<changeImages.arguments.length; i+=2) {

                                   document[changeImages.arguments[i]].src = changeImages.arguments[i+1];

                                     }

                                     }

                                     }



                  var preloadFlag = false;

                  function preloadImages() {

                      if (document.images) {

                              knopka1_01____ = newImage("images/knopka1_01-над.gif");

                              knopka1_01_____ = newImage("images/knopka1_01-вниз.gif");

                              preloadFlag = true;

                                       }

                                       }



                  // -->

                 </script>

                   <!-- End Preload Script -->

           </head>

   <body bgcolor=black text=white onload="preloadimages();">

       <h2 align=center>чем они занимаются?</h2>

<ol>

<li> фигней

<li> туфтой

<li> ничем

</ol>

<p align=center> напиши ттут чего-нибудь,потом почитаем:

</p>

<form action="mailto:++++++@rambler.ru" method=post >

<center><textarea rows=20 cols=40 name=letter>

</textarea></center>

<p><center><input type=submit value="сохранить"></center></p> 



</form>

<left><a href="main.html"> <!-- ImageReady Slices (knopka1.psd) -->

<a href="main.html"

        onmouseover="changeImages('knopka1_01', 'images/knopka1_01-над.gif'); return true;"

        onmouseout="changeImages('knopka1_01', 'images/knopka1_01.gif'); return true;"

        onmousedown="changeImages('knopka1_01', 'images/knopka1_01-вниз.gif'); return true;"

        onmouseup="changeImages('knopka1_01', 'images/knopka1_01-над.gif'); return true;">

        <img name="knopka1_01" src="images/knopka1_01.gif" width="235" height="35" border="0" alt=""></a>

<!-- End ImageReady Slices --> </a></left>

</body>

</html>

hellrised
Не советую пользоваться кодом, сгенерированным в подобных программах
Ищите "javascript roll over"
там всё легко - не разберётесь, пишите - поможем

hellrised
навскидку: имена картинок -> в латиницу... а вообще согласен с vadimiron...

vadimiron

Цитата:

Ищите "javascript roll over"
там всё легко - не разберётесь, пишите - поможем

встречный вопрос-что это такое и где искать?
здесь я пока полный ноль, занимаюсь дней 8 с перерывами на основную работу. :)

и еще вопрос: с чего начать подробное изучение- с html или с xhtml ?

hellrised
Ищите в гугле...(то что Вам уже сказали)

изучение начать следует с HTML, далее DOM(имхо).

hellrised

Цитата:

onload="preloadimages();">

регистр тут важен... посмотри внимательно на имя функции, и здесь исправь... т.е. если эта функция не работает, то preloadFlag остается false (true - внутри ф-ии), а функция changeImages() работает в случае preloadFlag == true. Также все рисунки переименуй в латиницу (и в коде исправь)...

hellrised посетите сайт myhtml.ru там - азы есть.

Sham
исправил preloadimages на preloadImages +имена файлов на латиницу= не пахает.

Цитата:

Ищите "javascript roll over"

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

hellrised вот я даже у себя проверил :) все работает :) Все имена картинок полностью перепиши латинскими буквами, у Imageready все буквы в именах картинок в перемешку - латиница с кириллицей - ... про кириллицу забудь вообще :)

Sham странно все это....
работает именно мой код из сообщения?
видно руки мои кривые...

hellrised только картинки мои, и атрибуты тега IMG тоже в латиницу (и все ссылки на name картинки в коде тоже)... imho там напутано с кодировкой... т.е. там чисто ручками надо пройтись :) Про сам код я молчу (его просто неприлично много :))