HTML+CSS+JavaScript

Имею две картинки, светящуюся и нет. 5 картинок лежит в ряд все не светятся, нужно чтобы при наведении на первую светилась первая, при наведении на вторю, светилась первая и вторая и так далее...
голосование делаю :)

Заранее огромное спасибо!!!

<img src="prostaja.jpg" onMouseOver="this.src='svetashajasa.jpg'" onMouseOut="this.src='prostaja.jpg'">

нет, ну с этим то всё понятно...

Мне нужно чтоб светилось по очереди.
я сделал вот так:

<img src="gol_off.gif" name="img1" width="9" height="9" border="0" onMouseOver="img1_on()" onmouseout="img1_off()"> <img src="gol_off.gif" name="img2" width="9" height="9" border="0" onMouseOver="img2_on()" onmouseout="img2_off()"> <img src="gol_off.gif" name="img3" width="9" height="9" border="0" onMouseOver="img3_on()" onmouseout="img3_off()"> <img src="gol_off.gif" name="img4" width="9" height="9" border="0" onMouseOver="img4_on()" onmouseout="img4_off()"> <img src="gol_off.gif" name="img5" width="9" height="9" border="0" onMouseOver="img5_on()" onmouseout="img5_off()"> <script>   var off = 'gol_off.gif';   var on = 'gol_on.gif';  function img1_on()  {    document.img1.src = on;  }  function img1_off()  {    document.img1.src = off;  }  function img2_on()  {    document.img1.src = on;    document.img2.src = on;  }  function img2_off()  {    document.img1.src = off;    document.img2.src = off;  }  function img3_on()  {    document.img1.src = on;    document.img2.src = on;    document.img3.src = on;  }  function img3_off()  {    document.img1.src = off;    document.img2.src = off;    document.img3.src = off;  }  function img4_on()  {    document.img1.src = on;    document.img2.src = on;    document.img3.src = on;    document.img4.src = on; }  function img4_off()  {    document.img1.src = off;    document.img2.src = off;    document.img3.src = off;    document.img4.src = off;  }   function img5_on()  {    document.img1.src = on;    document.img2.src = on;    document.img3.src = on;    document.img4.src = on;   document.img5.src = on; }  function img5_off()  {    document.img1.src = off;    document.img2.src = off;    document.img3.src = off;    document.img4.src = off;    document.img5.src = off;  }  </script>

но это так много места занимает, как уменьшить код?

смешно. :)

напишите одну функцию, передавайте ей в качестве аргумента номер картинки, а те, которые перед ней, можно вычислить в цикле.

Непонимаю как, точнее незнаю...
Это мой первый опыт в JAVA
Можно пример? :) плиззз

<img src="gol_off.gif" name="img1" width="9" height="9" border="0" onMouseOver="img1_on(1)" onmouseout="img_off(1)"> <img src="gol_off.gif" name="img2" width="9" height="9" border="0" onMouseOver="img1_on(2)" onmouseout="img_off(2)"> <img src="gol_off.gif" name="img3" width="9" height="9" border="0" onMouseOver="img_on(3)" onmouseout="img_off(3)"> <img src="gol_off.gif" name="img4" width="9" height="9" border="0" onMouseOver="img_on(4)" onmouseout="img_off(4)"> <img src="gol_off.gif" name="img5" width="9" height="9" border="0" onMouseOver="img_on(5)" onmouseout="img_off(5)">  <script>   var off = 'gol_off.gif';   var on = 'gol_on.gif'; function img_on(num) {   for (i=1; i>=num; i++)   {     document. ['img'+i].src=on   } } function img_off(num) {   for (i=1; i>=num; i++)   {     document. ['img'+i].src=off   } } </script>

или так )

<img src="gol_off.gif" name="img1" width="9" height="9" border="0" onMouseOver="img_ch(1,1)" onmouseout="img_ch(1,0)">  <img src="gol_off.gif" name="img2" width="9" height="9" border="0" onMouseOver="img_ch(2,1)" onmouseout="img_ch(2,0)">  <img src="gol_off.gif" name="img3" width="9" height="9" border="0" onMouseOver="img_ch(3,1)" onmouseout="img_ch(3,0)">  <img src="gol_off.gif" name="img4" width="9" height="9" border="0" onMouseOver="img_ch(4,1)" onmouseout="img_ch(4,0)">  <img src="gol_off.gif" name="img5" width="9" height="9" border="0" onMouseOver="img_ch(5,1)" onmouseout="img_ch(5,0)">   <script>    function img_ch (num, type)  {    for (i=1; i>=num; i++)      document.['img'+i].src = (type==1) ? 'gol_on.gif' : 'gol_off.gif'; }  </script>

нитот ни другой вариант неработает :(
Вроде всё ок, тока в первом 2 ошибки, но я нашел и исправил...
Но всё равно ничего :(

<img src="gol_off.gif" id="img1" width="9" height="9" border="0" onMouseOver="img_on(1)" onmouseout="img_off()">  <img src="gol_off.gif" id="img2" width="9" height="9" border="0" onMouseOver="img_on(2)" onmouseout="img_off()">  <img src="gol_off.gif" id="img3" width="9" height="9" border="0" onMouseOver="img_on(3)" onmouseout="img_off()">  <img src="gol_off.gif" id="img4" width="9" height="9" border="0" onMouseOver="img_on(4)" onmouseout="img_off()">  <img src="gol_off.gif" id="img5" width="9" height="9" border="0" onMouseOver="img_on(5)" onmouseout="img_off()">  <script> var active=''; var total=5; function img_on(par){     document.getElementById('img'+par).src='Shoose3_3_1.jpg';     active = par; } function img_off(){     document.getElementById('img'+active).src='gol_off.gif'; } </script>

вот точно работает (проверял) просто условие цикла не корректно потавлены были >= вместо <=

<img src="images/cz.gif" name="img1"  border="0" onMouseOver="img_ch(1,1)" onmouseout="img_ch(1,0)"> <img src="images/cz.gif" name="img2"  border="0" onMouseOver="img_ch(2,1)" onmouseout="img_ch(2,0)"> <img src="images/cz.gif" name="img3"  border="0" onMouseOver="img_ch(3,1)" onmouseout="img_ch(3,0)"> <img src="images/cz.gif" name="img4"  border="0" onMouseOver="img_ch(4,1)" onmouseout="img_ch(4,0)"> <img src="images/cz.gif" name="img5"  border="0" onMouseOver="img_ch(5,1)" onmouseout="img_ch(5,0)"> <script> function img_ch (numm, type) {   for (i=1; i<=numm; i++)     document.all['img'+i].src =(type==1) ? 'images/ru.gif' : 'images/cz.gif'; } </script>

цикл не нужен.

как же не нужен вы прочитаейте условие вопроса

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

http://www.artlebedev.ru/tools/technogrette/html/hover_vs_javascript/
попробуйте здесь почитать =) можно ведь и без javascript

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

а вообщето путь Job cсам посмотрит и скажет что ему нужно :)

в промежутке между "при наведении на первую светилась первая" и "при наведении на вторю, светилась первая и вторая " всегда будет срабатывать onMouseOver для первой. просматривать в цикле остальные нет смысла.

Всем огромное спасибо особенно Mirage. Единнственно верный ход :) спасибо