Minulla on mapatut linkit / imagemap.
Olisi tarkoituksena saada toimiva "onMouseOver" -efekti jokaisen linkin kohdalle, eli siis linkin kuva vaihtuu. Esimerkkinä kuvalinkki
"Moi" josta saisi vain siirtämällä hiirtä päälle "ioM" tekstiksi -> KUVAKSI.
Eli onMouseOver 'ia kaipailisin tai jotain apua. :)
Sen voisitte vaikka lisätä tähän koodiin:
Olisi tarkoituksena saada toimiva "onMouseOver" -efekti jokaisen linkin kohdalle, eli siis linkin kuva vaihtuu. Esimerkkinä kuvalinkki
"Moi" josta saisi vain siirtämällä hiirtä päälle "ioM" tekstiksi -> KUVAKSI.
Eli onMouseOver 'ia kaipailisin tai jotain apua. :)
Sen voisitte vaikka lisätä tähän koodiin:
Vastaukset 8
Vanhimmat
jokaista linkkiä varten erilaisen kuvan koko kuvakartasta.
Funktiossa määritetään kuvakartan kuvan tilalle toinen kuva.
Kiitos todella paljon! Tuo olikin minulle aivan uutta, en ole ajatellutkaan sen menevän noin... :)
onmouseover="highlight(0);" onmouseout="highlight(0);">
Tuleeko tämän muuttuvan kuvan NIMI kohtaan "highlight(0);" ?
Jos kuvakartta on "apua.jpg" ja muuttuva kuva "apua2.jpg",
niin eihän niitä näin laiteta:
onmouseover="apua.jpg;" onmouseout="apua2.jpg;">
vaan..?
http://www.frankmanno.com/ideas/css-imagemap/
näin:
HEAD-osioon:
function highlight( pic )
{
document.images[help].src = kuva pic ".jpg";
}
Muokatut kuvat ovat siis nimeltään kuva1, kuva2, kuva3, kuva4 jne..
Ladattava kuva määritellään siis jokaisessa linkissä, kun kutsutaan highlight-funktiota (onmouseover tapahtumassa) (suluissa oleva luku). Näin ollen 0-tarkoittaa peruskarttaa ja numerot 1-n muokattuja kuvakarttoja.
Koodissa näytti olevan virhe, tässä korjattu:
Ensimmäinen linkki:
Jos kuva suuri ja haluaa tuol taval tehdä niin kannattaa miettiä joskos olis mahdollista kuva pilkkoa pieniksi palasiksi tällöin ei tarvitsisi suurta kuvaa siirtää vaan pien palanen.
silloin voi tehdä niin kuin jere kertoo viestissään.
Heh piti kopioida ja liittää oma nimimerkki eikä suinkaan breakyn ;)
linkissä niin eiköhän seiltä jotain tietoa aukene!
http://myy.helia.fi/~vanvu/html/html.html