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

922

    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. Nyt se on selvitetty: Sanna Marinin hallitus lisäsi menoja 41 miljardilla

      ”vasemmistohallitus oli katastrofaalisen huono”, sanoo kokoomus. Sanna Marinin (sd.) hallituksen tekemät menolisäykset
      Maailman menoa
      228
      17199
    2. Purra sössi kaiken 2 vuodessa, itkee nyt Marinin perään

      Nyt on taas sama vanha itkuvirsi, kun ei omat taidot riittänee. Kaikki on taas muiden syytä. No miten sen "Tunnin juna"
      Maailman menoa
      171
      12228
    3. Eli persujen rääkyminen Marinin hallituksen velanotosta oli sitä itseään

      "Valtiovarainministeriön mukaan Marinin hallitus lisäsi valtion pysyviä menoja 3 miljardia eikä 11 miljardia euroa." El
      Maailman menoa
      47
      6017
    4. Orpon hallitus runnoi Tunnin junan ilman tarvetta

      Näinkö valtiontaloutta hoidetaan? Siis asiantuntijoidenkin aikoja sitten kannattamattomaksi laskema Tunnin juna tehdään
      Maailman menoa
      65
      4888
    5. MTV3 - Auerin poika todistaa videolla, miten Anneli pahoinpiteli lapsia!

      Kello 10.04 – Ainakin kerran viikossa se löi. Löi muitakin sisaruksia, mutta ei isosiskoa. Nuorinta siskoa en ole nähny
      Henkirikokset
      14
      4825
    6. Orpon hallitus paskoi kaikki hommat

      ja "yllätäen" ilmestyi raportti Marinin hallituksen tuhlailusta, raportti tuli kuin TILAUKSESTA.
      Maailman menoa
      21
      3977
    7. Lindtman ylivoimainen suosikki pääministeriksi

      Lindtmania kannattaa pääministeriksi peräti 50 prosenttia useampi kuin toiseksi suosituinta Kaikkosta. https://www.ilta
      Maailman menoa
      84
      3595
    8. Sanna Marin - Maailman paras talousasiantuntija?

      PersKeKoa pukkaa? https://www.hs.fi/politiikka/art-2000011636623.html
      Maailman menoa
      136
      3026
    9. 263
      1489
    10. Mitä toivot joululahjaksi ja

      mitä antaisit kaivatullesi? 😃
      Ikävä
      85
      1031
    Aihe