Yritän vääntää koodia, jolla saisin kuvaa hooveroimalla vasemmasta reunasta erilaisen efektin (popupin) ja oikeasta reunasta toisen. Onko mahdollista?
CSS ja popup
Anonyymi
13
542
Vastaukset
- Anonyymi
On mahdollista.
- Anonyymi
Hienoa. Seuraavaksi tarvisin jotain linkkiä mistä saa lisätietoa tai esimerkkiä...
- Anonyymi
Nämä (W3Schools How To) sivut ovat erittäin hyviä, ja esimerkkejä joka ainoasta ohjeesta, tuskin jää mitään epäselväksi kun uhraa aikaansa riittävästi. Kuuluvat niihin kirjanmerkkisivuihin.
VASEMMASTA REUNASTA
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_slideright
OIKEASTA REUNASTA
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_slideleft - Anonyymi
Anonyymi kirjoitti:
Nämä (W3Schools How To) sivut ovat erittäin hyviä, ja esimerkkejä joka ainoasta ohjeesta, tuskin jää mitään epäselväksi kun uhraa aikaansa riittävästi. Kuuluvat niihin kirjanmerkkisivuihin.
VASEMMASTA REUNASTA
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_slideright
OIKEASTA REUNASTA
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_slideleftEihän tuo ole ollenkaan sitä mitä aloittaja tarkoittaa.
- Anonyymi
Anonyymi kirjoitti:
Eihän tuo ole ollenkaan sitä mitä aloittaja tarkoittaa.
No mitä se aloittaja tarkoittaa, kerro tarkasti.
- Anonyymi
Anonyymi kirjoitti:
No mitä se aloittaja tarkoittaa, kerro tarkasti.
No lue se aloitus edes. Sitä vain vastaillaan eikä edes ymmärretä mitä aloittaja kysyy.
Ainakin silleen saa, että laittaa siihen päälle kaksi absoluuttista div:iä ja halutut hoverit niihin. Ja koko höskä pistettävä vielä jonkinnäköiseen containeriin, kun img:in sisälle ei vissiin voi laittaa mitään(?). Tässä esimerkki: https://jsfiddle.net/j61qzsa9/1/
- Anonyymi
Aika lailla saman saa tuosta W3Schools How To esimerkistäkin, kun tekstin vaihtaa kuvaan.
https://www.w3schools.com/code/tryit.asp?filename=GF8P6ZLT2XGL - Anonyymi
Anonyymi kirjoitti:
Aika lailla saman saa tuosta W3Schools How To esimerkistäkin, kun tekstin vaihtaa kuvaan.
https://www.w3schools.com/code/tryit.asp?filename=GF8P6ZLT2XGLAi niin, sinulla olikin yhdistettynä molemmat, no ei se sitten ole "Aikalailla sama".
- Anonyymi
Täälä sitä ruinataan neuvoja kusipääohjelmointiin. Minä puolestani olen yrittänyt epätoivoisesti etsiä selaimeen lisähärpäkettä CSS:llä tehtyjen vittumaisuuksien estoon.
- Anonyymi
Suotta kinaatte, ei se mihinkään johda. Kiitos kuitenkin kommeneteista, jokaisesta oli jotain hyötyä.
Minkkilaukun esimerkki toimi täydellisesti.
Suoraava idea olisi saada tuo hooverointi vaikuttamaan tuohon alkuperäiseen kuvaan. Vasemmalta hooveroitaessa kuva vaihtuu kesäiseksi ja oikealta talviseksi.
Nyt taisi jo tulla juttu jota ei hooveroimalla voi toteuttaa?Laita halutut kuvat niiden :hover::aftereiden background-imageiksi:
https://jsfiddle.net/ypk9xbcn/2/
Se ei siis "vaikuta" alkuperäiseen kuvaan mitenkään vaan päällä näytetään uusi.- Anonyymi
minkkilaukku kirjoitti:
Laita halutut kuvat niiden :hover::aftereiden background-imageiksi:
https://jsfiddle.net/ypk9xbcn/2/
Se ei siis "vaikuta" alkuperäiseen kuvaan mitenkään vaan päällä näytetään uusi.Näppärä kaveri, vaikka olen sitä minäkin.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Kenellä oli ryppyinen paita, josta Halla-aho mielensä pahoitti?
Ei ollut Keskisarja, jonka paita vain repsotti housujen päällä puolittain. Muistatteko tapausta?473058Miksi Halla-aho on niin hyvin menestynyt - mutta punavihreä ei?
Hyvin näkee kuinka punavihreää ottaa pahasti päähän kun Virta on taas töppäillyt pahasti. Ja kun punavihreä ei pärjää, n402271Ruoan arvonlisävero menee käytännössä tukijussille
Ilman juomia elintarvikkeiden myynti vuonna 2025 oli reilut 15 miljardia euroa. Tuolla tasolla arvonlisävero pyörii pari612180Vihreät REPEÄMÄSSÄ oijoijoi....Virran sekoilut on liikaa
Jo ennestään vihreiden kannatus on suossa vaikka puolue istuu oppositiossa, nyt tuli Virran temppu kun häipyi tuosta vaa912058Ruotsissa uusi vakava ongelma: Vanhusten seksuaalinen hyväksikäyttö
palvelutaloissa ja kotihoidossa. Tämäkin on ihan puhtaasti väärän maahanmuuton vaikutusta, sillä tekijät ovat kaikki keh601782Poliisi tutkii keskiviikkoiltana Kiuruveden keskustassa tapahtunutta väkivallantekoa.
Itä-Suomen poliisi tutkii Kiuruveden keskustassa keskiviikkoiltana tapahtunutta epäiltyä väkivallantekoa. Tapaus on herä191666Työeläkkeiden maksaminen lopetettava ASAP.
"Vanhimmat sukupolvet ovat saaneet vastinetta eläkemaksuilleen moninkertaisesti nykyisiin ja tuleviin sukupolviin verr731527Mika Poutala salasi osallistumisensa Erikoisjoukkoihin
Poutala ryhtyi ministeriksi 13.6.2025 ja 5.8.2025 ilmoitettiin hänen olevan seuraavalla Erikoisjoukot-kaudella. http441305Siis HYI OLKOON! Ihmiset, eikö enää ole mitään rajaa?
https://www.iltalehti.fi/viihdeuutiset/a/4142eeb2-a589-4109-a5d0-e8f341df585c "Susanna Penttilän seksibussi kauhistutta1321246Puuma Martina iski nuoren miehen
Martina ja Hajji Muhis oikealta nimeltään Muhammad Abdilrasoon hempeilivät Tallinnassa. Hajji 28 vuotias ja Martina pian1651027