Hover link, hover image
 
wssrpnc 27. sep 2012 12:49:44 Pridružen od:
22. feb 2011
1022 objav
762 169 20
#1

Ima kdo prosim kakšen primer, kako bi naredil, da bi ob preletu navadnega tekstovnega linka, nekje drugje na strani bil še hover na slike, na katerih je narejen image map- to mi že deluje, če grem direkt na sliko, ne znam pa naredit, da bi šel čez link in bi označil tisto sliko.



Kot tukaj (vendar nočem v flashu):zemljevid , kjer greš na desni čez tisti pisan meni, se označijo slike na imagemapu.



Najlepša hvala.


všeč(1) ni všeč(0) spam(0)
 
digitalneinovacije 27. sep 2012 12:57:50 Pridružen od:
23. avg 2010
192 objav
122 71 6
#2

lahko npr. naredis s javascriptom. ko gres preko text linka določeni sliki spremenis src


všeč(1) ni všeč(0) spam(0)
IZDELAVA SPLETNIH STRANI, APLIKACIJ, GRAFIČNO OBLIKOVANJE, TISK, SERVIS RAČUNALNIŠKE OPREME
www.digitalne-inovacije.si
 
wssrpnc 27. sep 2012 13:03:05 Pridružen od:
22. feb 2011
1022 objav
762 169 20
#3

maš kak primer prosim?



Misliš da bi bil tale Uncle Jim ok?

http://jdstiles.com/java/hoverchangeimage.html



Kako pa bi naredil za več slik naenkrat?

tam piše: onmouseover="showT(1)"



Predvidevam da: onmouseover="showT(1),showT(2),showT(3)" -oz kaj namesto vejice?



Hvala


všeč(0) ni všeč(0) spam(0)
 
digitalneinovacije 27. sep 2012 13:06:39 Pridružen od:
23. avg 2010
192 objav
122 71 6
#4

trenutno ne. je pa v tem stilu.

<a href="#" onmouseover="javascript:document.getElementById('slika').src='over.jpg'>text</a>



<img src="slika.jpg" name="slika" id="slika" />



poskusi takole. mogoče je kakšna napaka, to je zdaj na pamet spesnjeno.



lp


všeč(1) ni všeč(0) spam(0)
IZDELAVA SPLETNIH STRANI, APLIKACIJ, GRAFIČNO OBLIKOVANJE, TISK, SERVIS RAČUNALNIŠKE OPREME
www.digitalne-inovacije.si
 
digitalneinovacije 27. sep 2012 13:07:50 Pridružen od:
23. avg 2010
192 objav
122 71 6
#5

wssrpnc:

maš kak primer prosim?



Misliš da bi bil tale Uncle Jim ok?

http://jdstiles.com/java/hoverchangeimage.html




to je to. pač napisano v funkciji, kar je pametno narediti. jaz sem ti napisal primer kr tak na hitro.


všeč(1) ni všeč(0) spam(0)
IZDELAVA SPLETNIH STRANI, APLIKACIJ, GRAFIČNO OBLIKOVANJE, TISK, SERVIS RAČUNALNIŠKE OPREME
www.digitalne-inovacije.si
 
wssrpnc 27. sep 2012 13:15:37 Pridružen od:
22. feb 2011
1022 objav
762 169 20
#6

carsko, hvala


všeč(0) ni všeč(0) spam(0)
 
wssrpnc 27. sep 2012 16:42:53 Pridružen od:
22. feb 2011
1022 objav
762 169 20
#7

<a href="#" onmouseover="javascript:document.getElementById('slika').src='over.jpg'>text</a>



To zdaj super dela, rabil bi edino še nekam dat noter .animate- ker se mora dvignit za 5px. Pa rad bi še, da bi lahko dal več slik v en link zgoraj, tako da bi se jih ob hover-janju :) dvignilo več.



Lahko nekdo napiše sintakso prosim lepo. Hvala


všeč(0) ni všeč(0) spam(0)
 
wssrpnc 27. sep 2012 18:17:50 Pridružen od:
22. feb 2011
1022 objav
762 169 20
#8

OK, sprememba.. Zdaj bi rad samo, da lahko označim več slik s tem ukazom:

<a href="#" onmouseover="javascript:document.getElementById('slika').src='over.jpg'>text</a>



Potem pa še, da v kolikor greš z miško na drug <a href>, kjer bodo dodane druge slike, ki bodo označene, da se prvi "odznači" in označi samo drugega.



Res bi bil hvaležen, lahko tudi plačam za informacijo.


všeč(0) ni všeč(0) spam(0)
 
wssrpnc 27. sep 2012 19:12:12 Pridružen od:
22. feb 2011
1022 objav
762 169 20
#9

@5ka saves the day! hvala!


všeč(0) ni všeč(0) spam(0)
 
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se