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 :

Kód: Vybrat vše

<div id="img"></div>


CSS

Kó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

Kód: Vybrat vše

<div id="img"></div>


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.