Autor Zpráva
vomackav
Profil *
Ahoj,

řeším klasický JS zápis:
<a hrefé="adresa"><img src="/images/1.png" onmouseover="this.src='/images/2.png'" onmouseout="this.src='/images/1.png'"></a>

Lze nějak docílit toho, aby se mi po najetí na tento odkaz změníl obrázek z 1 -> 2 (funkční) a navíc by mi na pozici např top:100px; left:100px; zobrazil ještě jiný obrázek?

Díky za rady jak na to.
V.
nemeja
Profil
a proč to neuděláš pomocí css a :hover?
a:hover{
  ...
}
vomackav
Profil *
Ano, zkoušel jsem to takto:

#hlavni a:hover {background-image:url('/images/3.png');}

Ale nevím jak mám tento obrázek napozicovat a navíc když je 1.png menší než 3.png, tak se ta trojka ani nezobrazí celá, ale je oříznutá na velikost obrázku 1.png.
Pokud by mi dal někdo radu jak toto pořešit, bylo bych vděčný.

Díky V.
margin
Profil *
Třebas takto: http://kod.djpw.cz/jvb
Není problém to předělat pro obrázky na pozadí.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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