Keskustelu: Nettisivujen teko: Hiiri kuvan x kohtaan, näytä y-kuva

Hei putkalaiset! Haluaisin kysyä, miten tälläinen kannattaisi toteuttaa:

Eli, minulla on kuva pihasta, jossa on ovi. Kun oven päälle laitetaan hiiri, pitäisi sen näyttää vaikka x, y sijainneissa nuoli. Olen yrittänyt tehdä onmouseover-imagemap-div-virirtystä, mutta ei. Ei toimi. Joko kuva menee annetun pihakuvan jatkoksi (alas), tai kuvaa ei näy...

Ja tietenkin, kun hiiri otetaan pois oven päältä nuoli häipyy. Myöskin kun klikkaa ovea, pitäisi sen mennä tiettyyn osoitteeseen. Ja kuvassa saattaa esiintyä jossain vaiheessa jopa kaksi tai yli ovea, joten ei varmaan ihan paddinkeista ja margineista puhuta.

Ajattelin jotain display-inline blockkia jne. Mutta en ole saanut toimimaan. Alkaa tässä jo toivo hiipumaan, eli mitä pitäisi tehdä?

Kysy pois, jos et ymmärtänyt tarkoitustani tai muuta kysyttävää.

PS. Tässä "tavoite" jota teen: http://tylypahka.tk/kartta (sivusta ei tulisi Habbo-huone tms. vaan oikean elämän paikka). Laitat siis hiiren tuon oven (vai mikälie) eteen, niin nuoli pitäisi näkyä.

Etkö pysty katsomaan esimerkkiä tuolta "tavoite"-sivulta?

Html, css ja javascript on siellä ihan selkeästi näkyvissä, joten voit vapaasti tutkia miten siellä homma on tehtynä.

Lebe80 kirjoitti:

Etkö pysty katsomaan esimerkkiä tuolta "tavoite"-sivulta?

Html, css ja javascript on siellä ihan selkeästi näkyvissä, joten voit vapaasti tutkia miten siellä homma on tehtynä.

Paitsi, että en halua tätä:

<base href="http://tylypahka.tk/kartta" />

Olen jo testannut, ja ei toimi ilman tota.

joah kirjoitti:

Paitsi, että en halua tätä:

<base href="http://tylypahka.tk/kartta" />

Olen jo testannut, ja ei toimi ilman tota.

Älä laita sitä.

Toimii toimii, tuo ei liity tuohon mitenkään, vaan on vain julkkareiden kikka auttaa lataamaan oikeat tiedostot, jos järjestelmässä on "ihmissilmin luettavat osoitteet" käytössä. Ei liity sun juttuusi mitenkään.

Lebe80 kirjoitti:

joah kirjoitti:

Paitsi, että en halua tätä:

<base href="http://tylypahka.tk/kartta" />

Olen jo testannut, ja ei toimi ilman tota.

Älä laita sitä.

Toimii toimii, tuo ei liity tuohon mitenkään, vaan on vain julkkareiden kikka auttaa lataamaan oikeat tiedostot, jos järjestelmässä on "ihmissilmin luettavat osoitteet" käytössä. Ei liity sun juttuusi mitenkään.

Okei, oon sitten tehnyt jotain väärin. Katson sitten tietokoneella.

Koitapa laittaa se kuva position:relative elementin sisään, jonka perään ne nuolet normaaleina linkkeinä. Css:llä vaan nuoli taustakuvaksi ja position:absolutella sihtailu kohdilleen. Ehkäpä jotenkin näin.