onMouseOver, kellään auttavaa kättä?

breaky

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:

8

2307

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Ruussi

      jokaista linkkiä varten erilaisen kuvan koko kuvakartasta.





      Funktiossa määritetään kuvakartan kuvan tilalle toinen kuva.

      • breaky

        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..?

      • Jererererere
        breaky kirjoitti:

        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/

      • Ruussi
        breaky kirjoitti:

        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..?

        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:

      • breaky
        Ruussi kirjoitti:

        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.

      • Ruussi
        breaky kirjoitti:

        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.

      • Jererererere
        Ruussi kirjoitti:

        silloin voi tehdä niin kuin jere kertoo viestissään.

        Heh piti kopioida ja liittää oma nimimerkki eikä suinkaan breakyn ;)

    • tuolla

    Ketjusta on poistettu 2 sääntöjenvastaista viestiä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Persujen mukaan rasismi on huumoria

      Vaan kun koomikko kutsui Halla-ahoa fasistiksi, niin piti haastaa oikeuteen. Mihin se huumorinitaju yhtäkkiä hävisi? ⠀
      Maailman menoa
      161
      4814

    2. BOIKOTOIN - Ei mitään Suomi.fi postilaatikoita käyttöön

      Ainakaan minulle! Vai että pitäisi alkaa siellä käyädä katselemassa tammikuusta 2026 siis periaatteessa päivittäin että
      Maailman menoa
      209
      4031

    3. Mitä haluaisit sanoa hänelle juuri nyt?

      💜
      Ikävä
      214
      3233

    4. Lasse Lehtonen vaatii persuja pyytämään anteeksi aasialaisilta

      Persut ova romahduttaneet Suomen maakuvan parissa päivässä negatiiviseksi rasismillaan ja se alkaa vaikuttamaan jo Suome
      Maailman menoa
      110
      3074

    5. Hallitus on kaadettava ja Orpon on erottava

      Mikään muu hallitus ei ole oman elämäni aikana tuhonnut näin paljon tämän maan taloutta ja työllisyyttä sekä suomen main
      Maailman menoa
      89
      2909

    6. Lasse Lehtonen palasi ambulanssilennolla Suomeen

      Nyt on syytä lopettaa irvailu.
      Maailman menoa
      125
      1760

    7. HS 12/25 kysely: persut romahti, demarit raketoi

      Kyyti on kylmää persuleirissä, saattaa vetää siellä silmätkin viirulleen. Sen sijaan SDP:n puoluetoimistolla voidaan pok
      Maailman menoa
      15
      1639

    8. Rasismi rapauttaa Suomen mainetta ja hallituksen hiljaisuus pahentaa vahinkoa

      Finnairin viesti Japanista on pysäyttävä: suomalaisen politiikan rasismikohut heijastuvat suoraan matkustuspäätöksiin ja
      Maailman menoa
      128
      1370

    9. Mikä on kaivattusi toinen nimi

      🙈
      Ikävä
      61
      1349

    10. Aitolehti Capital

      HehkuB on myynnissä, kovalla työllä saavutettu unelma joka sekin lässähti kuten kaikki mihin ryhtyy! Nyt Sewen asialle
      Kotimaiset julkkisjuorut
      247
      1186
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt