problem w javascript, zmiana obrazka ze zmianą tła Opcje

[anderson20]

Jak zrobić coś takiego że jak mam tło i na nim obrazki:
http://img238.imageshack.us/my.php?image=problemgc0.jpg
i obrazkiem steruję w ten sposób:

<script language="JavaScript">
<!--
if (document.images)
{
imga1on = new Image(); imga1on.src = 'oczko/a1.jpg';

imga1off = new Image(); imga1off.src = 'oczko/b1.jpg';
}
//-->
</script>

<a href="java script:otworz('oczko/1.htm')" onmouseout="document.a1.src=imga1on.src" onmouseover="document.a1.src=imga1off.src"><img src="oczko/a1.jpg" width="240" height="180" border="3" class="special" name="a1"></a>

czyli najeżdzam myszką na obrazek to mi się zmienia i odjeżdzam myszką to znowu powraca mi do innego obrazka, to jak do tego kodu powyżej dodać, aby jak najadę na bylejaki obrazek to również tło mi się zmieniło? bo nie mogę sobie z tym poradzić bo tło mam w <table width="800" background="oczko/tlo.jpg"> to nie mam zielonego pojęcia jak to zrobić, aby najeżdzając na jakiś obrazek oprócz zmiany obrazka również tło się zmieniało na inny obrazek. A jak najeżdzam na tło to żeby tło mi się nie zmieniało tylko na obrazek który jest na tle to by wtedy tło się zmieniało.

Ten post edytował anderson20 28.12.2008, 14:01:20

[skowron-line]

Kod

table width="800" background="oczko/tlo.jpg" id="oTable">

a w JS ta gdzie zmieniasz obrazek.

Kod

document.getElementById("oTable").style.background = "url( image.gif )";

pzdr.

[anderson20]

Niestety za mało informacji, ale dzięki, bo dałeś mi punkt wejścia, że trzeba dać identyfikator tabeli i teraz jakoś to id przyporządkować do onmouseout i onmouseover. Ale i tak nie wiem jak. Za małą wiedzę mam a potrzebuję takie coś na stronie mieć. Ale no jakoś tak to trzeba tym tropem tak?

<script language="JavaScript">
<!--
if (document.images)
{
imga1on = new Image(); imga1on.src = 'oczko/a1.jpg'; document.getElementById("oTable").style.background = "oczko/tlo_oczko.jpg";

imga1off = new Image(); imga1off.src = 'oczko/b1.jpg'; document.getElementById("oTable").style.background = "oczko/tlo_oczko1.jpg";
}
//-->
</script>

i potem mam taką tabelę i w niej link <a...> bez zmian.

<table width="800" background="oczko/tlo_oczko.jpg" id="oTable">
<a href="java script:otworz('oczko/1.htm')" onmouseout="document.a1.src=imga1on.src" onmouseover="document.a1.src=imga1off.src"><img src="oczko/a1.jpg" width="240" height="180" border="3" class="special" name="a1"></a>

To nie działa oczywiście powyżej i też nawet same obrazki, które są na tle się już nie chcą zamieniać (a w wersji w 1 poście działało), nie mówiąc o tym, żeby oprócz tych obrazków również tło się zmieniało po najechaniu na obrazek na tle myszką.

Ten post edytował anderson20 29.12.2008, 17:58:19