Stránka 1 z 1
Jak v html odkazu označit obrázek po najetí myší ?
Napsal: 19 úno 2014 14:53
od xRandomx
nechci používat ten složitý kód, kde musím použít dva obrázky, pouze označení pomocí kódu....
Re: Jak v html odkazu označit obrázek po najetí myší ?
Napsal: 19 úno 2014 14:56
od Tomasb98
Trochu nechápu co chceš ale vypadá to že budeš muset použít css...
Re: Jak v html odkazu označit obrázek po najetí myší ?
Napsal: 19 úno 2014 15:41
od iTerminator
Jestli tě chápu správně, tak po najetí myšítkem chceš změnit obrázek, v CSS k tomu můžeš použít jednoduchý hover efekt.
HTML : CSSKód: Vybrat vše
<style>
#img{background: url('obrazek.jpg');}
#img:hover{background: url('obrazek2.jpg');}
</style>
Místo obrázku dosadíš svoji cestu, HTML kod dej do <body> a css kod do hlavičky.
Re: Jak v html odkazu označit obrázek po najetí myší ?
Napsal: 19 úno 2014 17:43
od xRandomx
Jak by to tedy vypadalo kdybych to chtěl dát do odkazu ?
Kód: Vybrat vše
<a href="odkaz.html"><img src="obr-1.jpg"></a>
To je to co chci aby se pak označilo
a toto chci k tomu kódu přidat...
Re: Jak v html odkazu označit obrázek po najetí myší ?
Napsal: 19 úno 2014 18:17
od iTerminator
Kód: Vybrat vše
<a href="#"><div id="obrazek"></div></a>
Nebo můžeš z toho odkazu udělat block v css a dát mu to id, samozřejmě ještě patřičnou velikost.