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
949
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
Riikka Purran kaudella nousi bensan hinta yli 2 euron
Muistatteko kuinka edellisen vasemmistohallituksen aikana, ns. Marinin aikakaudella, bensiiniä sai 1,3 euron litrahinnal1384876Veli Sofia teki urosmehiläisen työn
Paljastaessaan kuinka TPS:ssä ei joukkuehenki toimi sooloilijoiden vuoksi, jonka takia koko seura ei pärjää kilpailussa183527Mitäs nyt sijoittajat?
Pörssit laskevat maailmalla Iranin sodan takia ja muutenkin ovat olleet Trumpin vallan alla epävarmat. Ainoa, mikä on no1583337Hjallis Harkimon, 72, Jasmine-rakas, 37, paljastaa suhteen alusta: "Vähän..."
Liikemies, kansanedustaja Hjallis Harkimo ja tuottaja-juontaja Jasmine Pajari ovat pariskunta. He asuvat yhdessä Sipooss322798Unisex-vessat
Ahdistaa. Miksi kaikki pitää tasapäistää tasa-arvon nimissä? Tasa-arvo on sitä, että kunnioitetaan sukupuolien erilaisu932549Jutta Larm, 52, haluaa kumota tämän piintyneen ikämyytin
Oletko samaa mieltä? Jutta Larm on 52-vuotias ja tehnyt pitkän uran yrittäjänä. Hän haluaa kumota tämän piintyneen ikämy181853Henri Alen tilittää yllättäen Vappu Pimiän uudesta MasterChef -pestistä: "Vaikka hän ei..."
Vappu Pimiä on uusi MasterChef Suomi -tuomari. Hän liittyi uudella MasterChef Suomi -kaudella arvovaltaiseen tuomaristoo101462Jäit kiinni siitä
että katselet minua. Käänsin pääni, minäkin etsin sinua, ja meidän katseemme kohtasivat. Eikä se haittaa - molemmat ky81448Vastuun ottaminen omasta hyvinvoinnista
Olen huomannut tuttavapiirissäni ihmisiä, joilla on mt-diagnooseja. Sen sijaan, että millekään asialle yritettäisiin teh1351378Minkä kouluarvosanan 4-10 annat Beck-leffoille?
Vähiin käy ennen kuin loppuu... Beck-elokuvia on tullut tv:stä jopa 2-3 viikossa. Nyt leffojen esitystiheys on muuttunut111267