Kuka kuvassa?

Anonyymi

Tarvitsisin koodinpätkän joka näyttäisi tekstikentässä nimen kun hiirellä menee kuvan henkilön päälle. Kyseessä siis esim. luokkakuva, jonka henkilöiden esittelyyn koodia haluaisin.

8

811

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Anonyymi

      Ratkaisu alkaa H-kirjaimella, ja on asetettavissa kaikille HTML elementeille. Lähes joka ikinen verkkosivu hyödyntää sitä.

    • Anonyymi

      Avainsanan toinen kirjain: o niin kuin Olli.

    • Anonyymi

      Avainsanan kolmas kirjain: v, niin kuin Ville.

    • Olisiko tällainen mitä: https://jsfiddle.net/krLhxgof/ ?
      Kuvan olisi oltava kiinteän kokoinen ja jokaiselle henkilölle katsottava koordinaatit, mihin hänen laatikkonsa tulee. Ehkä jos ne laittaisi prosentteina niin kuvaa saisi skaalatakin. Tuohonhan voisi tietysti tehdä työkalun, jossa ne laatikot voi vetää hiirellä ja sitten generoida sijaintitiedot, siihen ehkä vielä että voi lisätä nimen ja se tulee sitten id:ksi kyseiselle persoonalle.

      • Anonyymi

        Taas sait sen näyttämään niiiiiiiin vaikealta, tee se helpon näköinen juttu.


      • Ja sit ehkä kuvan oikean puolimmaisille henkilöille sillä tavalla, että info siirtyy vasemmalle puolelle, niin ei ole pelkoa, että se menee piiloon. Eli toinen luokka "personRight", jolle css-sääntö

        .personRight:hover .info {
        right: 0;
        transform: translate(-50px, 0);
        }

        tai minkä verran sitä sitten pitää siirtääkään.


      • Anonyymi kirjoitti:

        Taas sait sen näyttämään niiiiiiiin vaikealta, tee se helpon näköinen juttu.

        Eihän siin oo js:ää riviäkää. Ei css:ää voi tehdä helpoks!


    • Anonyymi

      Tämä minkkilaukun koodi toimii. Miksi pitäisi olla jotain ylimääräistä js:ää.
      Ja miksi ei sitten esitä parempaa koodia jos sen kerran muka osaa. Kiitos minkkilaukulle koodista.

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

    Luetuimmat keskustelut

    1. Ammuskelu Härmän häjyissä

      Onko jollain enempää tietoa?
      Seinäjoki
      309
      10087
    2. Siis oikeasti S... En ymmärrä...

      Oletko se sinä joka täällä kaipailee? Kaikki täsmää.
      Ikävä
      73
      2291
    3. Onneksi olkoon sait mut vittuuntumaan

      Sapettanu koko helvetin päivän.
      Ikävä
      42
      2084
    4. Onko jotain sanottavaa vielä, nyt voi kertoa

      Poistun kohta täältä ja unohdan ajatuksen naimisiin menosta. Mieheltä
      Ikävä
      35
      1904
    5. Keksin sinulle tänään uuden lempinimen

      Olet kisu-muija. Mitäs tykkäät älynväläyxestäni?
      Ikävä
      79
      1848
    6. Oho! Varmistusta odotellaan.

      Pitäneekö paikkansa? "🇺🇦Ukrainian drones hit a 🇷🇺Russian Tu-22M3 bomber at the Olenya airfield,"
      NATO
      161
      1796
    7. Mitä sitten ikinä teetkin

      Mun on aika mennä J mies. Olen ollut niin tyhmä. Kaikkea mukavaa elämääsi edelleen toivotan ja ihanaa elämän jatkoa. Mei
      Ikävä
      40
      1368
    8. Mies mistä oikein suutuit?

      Yhtäkkiä vaan häippäsit täältä... 😢
      Ikävä
      16
      1292
    9. Kun istuit

      vierelläni penkillä, olin hetken onnellinen. Se hetki kimaltelee mieleni sopukoissa ja valvottaa öisin. Salainen kaipau
      Ikävä
      53
      1266
    10. Saanko selityksen?

      Mikä minus oli vialla? Ulkonäkö, teinkö jotain väärin, sanoinko jotain..? Haluisin vaa tietää :(
      Ikävä
      54
      1263
    Aihe