| |
|
|
| | Всем привет.
Проблемка такая:
Есть 18 фоток.
Они расположены по парам, так, что частично перекрывают друг друга.
Мне нужно чтоб при наведении курсора на фотку, она выходила на передний план.
Сделать я это попробовал вот так:
<script language="JavaScript">
<!--
var x, $foto_ps = "foto2";
var $foto_id = new Array("","foto1","foto2","foto3","foto4","foto5","foto6","foto7","foto8","foto9","foto10",
"foto11","foto12","foto13","foto14","foto15","foto16","foto17","foto18");
function moveFoto()
{
$foto_id[x].style.zIndex=3
$foto_ps.style.zIndex=1
$foto_ps = $foto_id[x];
}
-->
</script>
<img src="Vega1.jpg" width=10% id="foto1" style="position:absolute; top:5%; left:40%; z-index:3" onMouseover ="moveFoto(x=1)">
<img src="Vega2.jpg" width=10% id="foto2" style="position:absolute; top:5%; left:45%; z-index:2" onMouseover ="moveFoto(x=2)">
...
|
Ну и так далее...
Так вот, этот гад (браузер) меня тока, что матом не посылает.
Я понимаю, что можно для каждого фото свою функцию сделать,
но хотся поизящней как то все сделать.
Гражданы подскажите как этого добиться. | |
| |
|
|
| |
|
|
| |
для: Toshik
(24.07.2005 в 03:35)
| | | Не уверен, что изящно, но... кажется так можно:
<script language="JavaScript">
<!--
var index=100;
function top(x){x.style.zIndex=index;index++;}
-->
</script>
<img src="Vega1.jpg" width=10% id="foto1" style="position:absolute; top:5%; left:40%; z-index:1" onMouseover ="top(foto1)">
<img src="Vega2.jpg" width=10% id="foto2" style="position:absolute; top:5%; left:45%; z-index:2" onMouseover ="top(foto2)">
|
| |
| |
|
|
| |
|
|
| |
для: ae212
(24.07.2005 в 07:27)
| | | Это работает! РАБОТАЕТ!
ae212 пасибо большое. | |
| |
|
|
