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.
Kuka kuvassa?
Anonyymi
8
888
Vastaukset
- 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
- 861468
Kesän odotuksia hyrynsalmella
Kyllä kesällä hyrynsalmellakin on mahdollisuus osallistua kylän menoon monella tavalla . On kaunislehdon talomuseolla101370- 741135
- 1101059
- 621027
- 67898
Anne Kukkohovi ei myykkään pikkuhousujaan
Kyseessä oli vain markkinointitempaus. Anne höynäytti hienosti kaikkia ja Onlyfans-tilinsä tilaajamäärä lähti jyrkkään n251857- 63835
- 31768
- 46696