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

999

    Vastaukset 8

    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. Martinan bisneksillä ei mene hyvin

      https://www.iltalehti.fi/viihdeuutiset/a/c46da6ab-340f-4790-aaa7-0865eed2336 Yrityksen konkurssihakemus on tullut kärä
      Kotimaiset julkkisjuorut
      301
      1263
    2. Tiesitkö? Martina Aitolehden isäpuoli on tämä suosittu laulaja

      Martina Aitolehti on seurattu julkisuuden henkilö. Lähipiiriin mahtuu muitakin tunnettuja henkilöitä. Tiesitkö, että Ma
      Kotimaiset julkkisjuorut
      30
      1037
    3. 64
      867
    4. Voiko meidän välit

      Koskaan parantua tästä?
      Ikävä
      71
      847
    5. Jos SDP ei voita reilusti, persut kumoavat demokratian Suomesta

      Näin tekisi ainakin Rydman seuratessaan idolinsa Trumpin mallia https://www.is.fi/politiikka/art-2000012187244.html
      Maailman menoa
      420
      695
    6. Onko kaivattusi

      Kummallinen jossakin suhteessa?
      Ikävä
      47
      629
    7. Mies, olenko ymmärtänyt oikein?

      Ystävyys/salainen suhde/molemmat ovat täysin poissuljettuja asioita? Nainen
      Ikävä
      72
      598
    8. Kiteen Pallon superpesisjoukkue pelaa huumeiden vaikutuksen alaisena

      Huumerikos. Yleisesti uskotaan, että se seikka, että eräs KiPan pelaaja kärähtää huumeista, on vain jäävuoren huippu. M
      Kitee
      77
      574
    9. Kauanko olet kaivannut kaivattuasi ja

      koska hänet löysit?
      Ikävä
      38
      572
    10. Perussuomalaisten kannatus nousi rytinällä Ylen tänään julkaisemassa tuoreimmassa gallup-kyselyssä.

      https://yle.fi/a/74-20239449 Perussuomalaisilla hurja- ja ylivoimaisesti suurin nousu tässä uudessa Ylen gallupissa. Kyl
      Maailman menoa
      450
      563
    Aihe