Olen pitkän aikaa taistellut sivujeni kanssa, enkä saa niiden painikkeita toimimaan oikein. Nyt kysynkin mikä olisi paras konsti, kun haluan toteuttaa sellaisen valikon missä on esim. kolme linkkiä. Linkki1, linkki2 ja linkki3. Pitäisi toimia siten, että mennään etusivulle jolloin linkkien paikalla on gif-kuva. Kun hiirellä mennään jonkun linkin päälle, niin kyseisen linkin kuva vaihtuu ja samalla hiiren osoitin muuttuu "sormeksi", jolloin voin linkin aktivoida hiiren vasemmalla näppäimellä ja sivu vaihtuu. Olen kokeillut onmouseover:a ja onmouseout:a, mutta jokin menee pieleen kun aina kaikki kolme linkkiä vaihtaa kuvaa. Muuten kylläkin linkit toimivat oikein.
Kiitos jo etukäteen avusta.
Kiitos jo etukäteen avusta.
Vastaukset 3
Vanhimmat
koodi tänne niin katsotaan. Jokaisen kuvan nimi tai id pitää olla eri, muuten kaikki kuvat vaihtuvat samalla kerralla.
function mouseOver()
{
document.b1.src ="Painikkeet/ETUSIVU_1.gif"
document.b2.src ="Painikkeet/YRITYS_1.gif"
document.b3.src ="Painikkeet/AJANKOHTAISTA_1.gif"
}
function mouseOut()
{
document.b1.src ="Painikkeet/ETUSIVU_0.gif"
document.b2.src ="Painikkeet/YRITYS_0.gif"
document.b3.src ="Painikkeet/AJANKOHTAISTA_0.gif"
}
Ongelmana on kun menee etusivu, yrityksen tai ajankohtaista päälle, niin kaikkien kolmen valikon gif-kuva muuttuu eli ei ainoastaan haluttu.
tehnyt tuon Wordilla tai Frontpagella kun näyttää olevan hieman vinksallaan koko koodi?
html-elementtien järjestys tulee olla näin:
Varsinainen ongelma johtuu siitä, että joka kerta kun kutsutaan mouseover tai mouseout funktiota, vaihdetaan kaikki kuvat. Laita kuitenkin ensin sivun rakenne kuntoon.
Täällä on esimerkki miten kuvavaihdon voi tehdä.
Esimerkissä on vain yksi kuva mutta sitä voi soveltaa käytettäväksi myös useampien kuvien kanssa.
http://javascript.internet.com/miscellaneous/change-image.html