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. Rasismia kaikkialla näkevät ovat Suomen tyhmimpiä ihmisiä

      ja monillahan kuluu myös mielialalääkkeitä, eli päässä on ongelmia. Mutta he eivät tajua kuinka paljon ja ihan todellis
      Maailman menoa
      104
      5210

    2. 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
      175
      4882

    3. 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
      212
      4097

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

      💜
      Ikävä
      216
      3305

    5. 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
      116
      3122

    6. 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
      103
      2974

    7. Lasse Lehtonen palasi ambulanssilennolla Suomeen

      Nyt on syytä lopettaa irvailu.
      Maailman menoa
      126
      1838

    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
      150
      1696

    9. 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
      17
      1669

    10. Mikä on kaivattusi toinen nimi

      🙈
      Ikävä
      61
      1369
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt