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

2311

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

    Luetuimmat keskustelut

    1. Hallitus pyrkii rajoittamaan kaupan omien halpamerkkien myyntiä

      Helsingin Sanomien mukaan hallitus valmistelee lakihanketta, joka suitsii kaupan valtaa ja rajoittaa omien halpamerkkien
      Yhteiskunta
      238
      3639
    2. Tapettu

      On joku kangaskadulla perjantaina
      Sotkamo
      57
      3333
    3. Björn Wahlroos, maataloustuet lakkautettava

      Sanoo pankkimies. Mitäs persut ja muut tukinulliem perskärpäset tähän? "Wahlroos listaa kansallisen maataloustuen. – I
      Maailman menoa
      89
      2817
    4. Persut päättivät hiilivoiman kieltämisestä Suomessa

      Moni on jo unohanut kuka hyväksyi hiilivoimaloiden kieltämisen Suomessa: persut Sukupuolineutraalit liikennemerkitk
      Maailman menoa
      48
      2636
    5. Työvoimatoimisto

      Nyt kysyisin miksi pitää käydä työvoimatoimistossa paikanpäällä, kun he eivät muuta tee kuin laittavat koneelle uudet ve
      Työttömyys
      108
      2359
    6. Nalle Wahlroos ei ulise kuten Teemu Selänne sähkölaskuista

      Nalle "hah hah" nauroi saamistaan sähkötuista, kun taas Teemu-poika itkeä tirautti kovasta sähkön hinnasta. Nalle nauro
      Maailman menoa
      35
      2022
    7. Muistattekos kuinka kokoomus ja persut vinkuivat sähkön hinnasta?

      Oppositiossa vuonna 2022, kun sähkön hinta uhkasi nousta 20 senttiin kilowattitunnilta? Nyt ovat hiiren hiljaa, kun pitä
      Maailman menoa
      101
      2001
    8. Vain persut vastustivat hiilivoimaloiden alasajoa

      Persut vastusti jyrkästi hiilen kieltolakia ja on myöhemmin vaatinut hiilivoimaloiden pitämistä käytössä. He perusteliva
      Maailman menoa
      42
      1865
    9. Mikä aate kaiken pahan takana?

      Se laiskistuttaa kansat, opettaa vaatimaan etuisuuksia, syleilee maailmoja eikä omaa kansaa.
      Maailman menoa
      104
      1787
    10. Mietin sua liikaa

      Mietin nytkin sitä, että millaista se olisi tulla kotiin, kun sinä olisit täällä vastassa. Tai niin päin, että sinä tuli
      Ikävä
      69
      1113
    Aihe