Kuka kuvassa?

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.
81000
Äänestä

Muut lukivat myös

Vastaukset 8

Vanhimmat

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

Äänestä

Avainsanan toinen kirjain: o niin kuin Olli.

Äänestä

Avainsanan kolmas kirjain: v, niin kuin Ville.

Äänestä

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.

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

    Äänestä

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

    Äänestä

  • 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!

    Äänestä

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.

Äänestä

Kommentoi aloitusta


Anonyymi kirjoitti:

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.

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu