| Autor | Zpráva | ||
|---|---|---|---|
| Neuwirth Profil |
#1 · Zasláno: 22. 2. 2013, 15:18:53
Lámu si hlavu delší dobu nad vytvořením kodu, který by po najetí myši na 1. obrázek zobrazil 2. obrázek a v tom druhém obrázku zobrazil ještě 3. obrázek, který by odkazoval na určitou stránku.
Vše dělám přes kod: <a href=" http://www.domena.cz" target="_blank"
onmouseover="document['obr1'].src = ' http://domena.cz/obrazek1' ;"
onmouseout="document['obr1'].src = ' http://domena.cz/obrazek2' ;">
<img src=" https://domena.cz/obrazek2" name="obr1" style="position: absolute; top: 0px; left: 485px;">
</a> Nevím jak mám zakomponovat ten 3 obrázek k tomu příkazu onmouseover. Zkusil jsem asi 10 variant, ale nejde to. |
||
|
Časová prodleva: 6 dní
|
|||
| peta Profil |
Mno, jenze kod, ktery jsi dal odpovida tomu, ze zmenis obrazk A na B a ten obrazek je uvnitr odkazu, takze je klikatelny. Zkuasil jsi 3 varianty, ale zadnou jsi nedal, takze ti nemuzeme rici, proc ti nefunguje, nic se nedozvis.
Tam by to slo resit takto: <style>
.ukaz .x {}
.skryj .x{display:none;}
</style>
<a href="url" target="_blank" class="skryj">
<img
onmouseover = "this.src='2.jpg'; this.parentNode.className = 'ukaz';"
onmouseout = "this.src='1.jpg'; this.parentNode.className = 'skryj';"
>
<img class="x">
</a><style>
a .o1 {display:inline;}
a .o2 {display:none;}
a.hide .o1 {display:none;}
a.hide .o2 {display:inline;}
</style>
<a href="..."
onmouseover="this.className='hide';"
onmouseout="this.className='';"
>
<span class="o1"><img></span>
<span class="o2"><img><img></span>
</a><style>
a .o1 {display:inline;}
a .o2 {display:none;}
a:hover .o1 {display:none;}
a:hover .o2 {display:inline;}
</style>
<a href="..." >
<span class="o1"><img></span>
<span class="o2"><img><img></span>
</a> |
||
|
Časová prodleva: 14 let
|
|||
0