Autor Zpráva
Owen
Profil *
Zdravím, nevíte jak udělat, aby se mi najetí na odkaz zobrazila mala fotka?
peta
Profil
jakpsatweb - javascript - priklady
Owen
Profil *
takže toto?
<a href="http://www.meuslany.cz" onmouseover="alert('Přejel jsi myší Městský úřad Slaný!!!')">Městský
úřad Slaný</a>

ale když místo alert napíši cestu na foto, tak to nefunguje. Musím ještě něco přidat?
Zbystr
Profil *
moznosti je spousta, da se to resit jak pres ciste CSS, tak pres JS. nahodim ti jak na to pro oba pripady

CSS
a {position:relative}
a img {display:none; position:absolute; left:0; top:0}

a:hover img {display:block}

samozrejme mas to takto:

<a href='cokoliv'><img src='cesta k obrazku'>text linku</a>

pro js:
zde je mnoho moznosti.
muzes si treba po najeti vytvorit pres DOM img element, nebo muzes podobne jak u CSS schovavat ci zobrazit obrazek pomoci udalosti onmouseover/onmouseout

zkus pohledat na google urcite najdes...
Owen
Profil *
zo Zbystr: děkuji, už to jde. Jinak dá se ještě dát do CSS aby měl obrázek určitou velikost a aby nebyl průhledný? Protože když se zobrazí, je vidět text pod ním. Děkuji
Owen
Profil *
Tak velikosti mám, ale nemohu najít tu průhlednost. Aby nebyl průhledný
Kráťa
Profil
Aby nebyl průhledný
Tak jej dej do divu s pozadím. To bys musel mít "neprůhledný" obrázek.
<div style="background-color: #fff; width: šířkatohoobrázku">
<img src="obrazek.gif">
</div>
Bubák
Profil
Tak jej dej do divu s pozadím.
DIV je zbytečný, pozadí jde dát rovnou tagu IMG.
Owen
Profil *
Tak pomocí IMG to dělat nemohu, jak napsal Zbystr. Jelikož mám na stránkách další IMG, tak mi ty zmizí. D8 se to nějak jinak? děkuji
Pokud máte někdo icq a jste ochoten pomoci, budu na něm 171 988 580 díky - bude to rychlejší
Kráťa
Profil
Pokud to jde udělat rovnou u tagu img, udělej si na to class

.vyskakovaci {background-color: #fff}

a pak už jen píšeš
<img class="vyskakovaci" src="obrazek">
jiných obrázků se to netkne.
Owen
Profil *
Takže to bude takto? Nevyznám se v tom moc. díky

{
.vyskakovaci }
{background-color: #fff}
a {position:relative}
a img {display:none; position:absolute; left:0; top:0}
a:hover img {display:block}
{
peta
Profil
Owen
"ale když místo alert napíši cestu na foto, tak to nefunguje."
Tak z toho vim velice moc, co tam napises a jakou mas chybu :)
Jako, ono to jde i pres CSS, ale jsi v JS asi chces JS verzi.
Jinak jsi priklad nasel spravne, mas plus.
Owen
Profil *
to peta: promin, no když zadám toto: onmouseover="index_files/foto/jirka_pesek_male.jpg" - tak mi naskakuje chyba ladění

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: