Autor | Zpráva | ||
---|---|---|---|
Owen Profil * |
#1 · Zasláno: 2. 3. 2008, 08:30:12
Zdravím, nevíte jak udělat, aby se mi najetí na odkaz zobrazila mala fotka?
|
||
peta Profil |
#2 · Zasláno: 2. 3. 2008, 09:33:32
jakpsatweb - javascript - priklady
|
||
Owen Profil * |
#3 · Zasláno: 2. 3. 2008, 10:02:50
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 * |
#4 · Zasláno: 2. 3. 2008, 13:17:52
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 * |
#5 · Zasláno: 2. 3. 2008, 14:40:18
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 * |
#6 · Zasláno: 2. 3. 2008, 14:49:28
Tak velikosti mám, ale nemohu najít tu průhlednost. Aby nebyl průhledný
|
||
Kráťa Profil |
#7 · Zasláno: 2. 3. 2008, 15:06:25
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 |
#8 · Zasláno: 2. 3. 2008, 18:18:37
Tak jej dej do divu s pozadím.
DIV je zbytečný, pozadí jde dát rovnou tagu IMG. |
||
Owen Profil * |
#9 · Zasláno: 2. 3. 2008, 18:37:11
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 |
#10 · Zasláno: 2. 3. 2008, 18:48:48
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 * |
#11 · Zasláno: 2. 3. 2008, 19:03:01
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 |
#12 · Zasláno: 2. 3. 2008, 19:31:02
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 * |
#13 · Zasláno: 2. 3. 2008, 19:35:44
to peta: promin, no když zadám toto: onmouseover="index_files/foto/jirka_pesek_male.jpg" - tak mi naskakuje chyba ladění
|
||
Časová prodleva: 16 let
|
0