Hover na vice prvku – HTML / XHTML – Fórum – Programujte.com

Ahoj,

chtel bych vas pozadat o pomoc, jelikoz se uz druhy den trapim s resenim problemu:

mam stranku, na te mam DIV s menu a o neco nize pod DIVem s textem dalsi DIV s obrazkama, polozek v menu je stejne jako obrazku a smazim se docilit toho, aby po najeti mysi na menu se udelal hover na tu polozku menu (to je jednochuche) ale chtel bych jeste aby pover teto polozky udelal hover i na jeden s obrazku.

Abych to shrnul, mam menu, pak obrazky a po najeti mysi na polozku menu potrebuju hover na polozku v menu u na jeden obrazek, idealne zmena barvy polozky menu a zesednuti prislusneho obrazku.

Vite mi s tim nekdo pomoci, nebo aspon navest?

Dekuji, Petr

Bud ten obrazek dat dovnitr a napozicovat. Nebo to propojit pres javascript

<div style="position:relative">
<a rel="nofollow" href="#"><img style="position:absolute;top:50px;left:100px;"></a>
<a rel="nofollow" href="#"><img style="position:absolute;top:50px;left:150px;"></a>
</div>

<a rel="nofollow" href="?i=1" onmouseover="f1(this);" onmouseout="f2(this)"></a>
<img id="img1">
<script>
function getId(str) {return 'img'+str.substr(3); }
function getEl(id) {return document.getElementById(id); }
function f1(a) {id = getId(a.href); alert(id); getEl(id).className="hover";}
function f2(a) {id = getId(a.href); alert(id); getEl(id).className="";}
</script>

Oboje netestovano.

https://developer.mozilla.org/cs/docs/Web/JavaScript/Reference/Global_Objects/String/substr