Autor Zpráva
Neuwirth
Profil
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.
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>
Nebo bych to resil
<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>
Coz odpovida
<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>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: