Jak v html odkazu označit obrázek po najetí myší ?

xRandomx · Příspěvekod **xRandomx** » 19 úno 2014 14:53

nechci používat ten složitý kód, kde musím použít dva obrázky, pouze označení pomocí kódu....

Reklama

Tomasb98 · Příspěvekod **Tomasb98** » 19 úno 2014 14:56

Trochu nechápu co chceš ale vypadá to že budeš muset použít css...

iTerminator · Příspěvekod **iTerminator** » 19 úno 2014 15:41

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 :

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

CSS

<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.

xRandomx · Příspěvekod **xRandomx** » 19 úno 2014 17:43

Jak by to tedy vypadalo kdybych to chtěl dát do odkazu ?

<a href="odkaz.html"><img src="obr-1.jpg"></a>

To je to co chci aby se pak označilo

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

a toto chci k tomu kódu přidat...

iTerminator · Příspěvekod **iTerminator** » 19 úno 2014 18:17

<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.