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

2319

Ää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. Silmienvääntelijä-persut pääsivät Japanissa sarjakuvaan

      Torille! https://www.hs.fi/kulttuuri/art-2000011943173.html
      Maailman menoa
      192
      5132

    2. Nato kaatamassa Petterin haaveileman Tunnin junan?

      Nato edellyttää pohjoisessa Jäämereltä Rovaniemelle saakka kapearaitesta suoraa rautatieväylää, joka maksaa paperirahaa,
      Maailman menoa
      34
      4523

    3. Donald Trump pääsi samalle listalle Sanna Marinin kanssa

      Eli vasemmistolaisen Time-median top 100 jännäihmisten listalle. https://time.com/collections/time100-next-2021/5937699
      Maailman menoa
      12
      3169

    4. Älkää vaan sairastuko syöpään Suomessa

      Tilaston mukaan Suomi, Slovakia ja Latvia lääkitsee aivan pohjamudissa syöpää. Sairastunutta hoidetaan edelleen vanhana
      Maailman menoa
      260
      3070

    5. Kyllä, maata ei halua puolustaa nimenomaan punavihreän puolen edustajat

      "Esimerkiksi maanpuolustushenki on keskimääräistä alempana naisten, arvoliberaalien, heikossa taloustilanteessa olevien
      Maailman menoa
      159
      3012

    6. Sä veit mun sydämen ihan totaalisesti

      Aivan totaalisesti..
      Ikävä
      54
      2568

    7. Oot se sinä

      Ihan varmasti oot, tuo olemus ei valehtele 😘💓🪅 🏡 ihana 😍🙏
      Ikävä
      27
      1939

    8. Vieläkö olet

      Rakastunut minuun? Minä sinuun
      Ikävä
      56
      1903

    9. Toivotko vielä kohtaamista

      Kaivattusi kanssa?
      Ikävä
      83
      1872

    10. Ei siinä kauan

      Menisi jos olisimme kahden
      Ikävä
      23
      1815
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt